@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800);
@import url(https://fonts.googleapis.com/css?family=Volkhov:400,400italic);
@import 'https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900';
@import 'https://fonts.googleapis.com/css?family=Yellowtail';


/*

	Contents:
	01 - Basic Settings
	02 - Menu
	03 - Home
	04 - Introduction
	05 - Featured Work
	06 - More Work
	07 - Call to Action
	08 - affiliates Me
	09 - affiliates Us
	10 - Services
	11 - Quote
	12 - Contact
	13 - Footer
	14 - Project Page
	15 - 404 Page
	16 - Responsive Settings
	17 - Accordion
	18 - Terms and Conditions

	*** Custom Color ***
	See the colors/color.css file to easily change the main color of your site
	Make sure to call the color.css file below the style.css file in your HTML files

	*** Essential Styles ***
	You'll find the essential styles in the lib/essentials.css file

*/

/*VIDEO*/
.videoWrapper2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

 @media screen and (max-width: 500px) /* Mobile */ {.videoWrapper2 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top:1rem;
}}  	

/* Other resets */
* {
margin: 0;
padding: 0;
border: 0;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0)!important; 
-webkit-focus-ring-color: rgba(255, 255, 255, 0)!important; 
outline: none!important;
}

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}/*ol,ul{list-style:none}*/blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.hide-mobile {
display:block;

/*min-width:70%;*/
}

.hide-desktop {
display:none;

/*min-width:70%;*/
}



/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 600px){

#header-mobile {
	
	background:url(../images/header-mobile.jpg) bottom center no-repeat;
	max-height:auto;
	height:580px;
	margin-bottom:0;
	position:relative;
	background-size:100%;
	margin-top:0;
}

#header-mobile.centerdiv {
	padding-top:0px;
    margin: 0 auto;
	margin-top:50px;
	min-width:340px;
}

.tagline  {margin-top:0px;
}

.tagline h1 {
	position: relative;
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
	padding-top:20px;
	margin-top:0 !important;
	color:#00AEEF;
}

#header-mobile #sr-logo {background-image: url("../images/logo-srsmall.png");
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	margin-top:230px;
	margin-bottom:2rem;
	height:45px;}
/* Styles */
}

@media screen and (max-width: 500px) /* Mobile */ {.hide-mobile {
display:none;

/*min-width:70%;*/
} .hide-desktop {
display:block;

/*min-width:70%;*/
}}

.well {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
	width:80%;
}

.main {
    margin: 0 auto;
    max-width: 69em;
    padding: 0 1.875em 3.125em;
    width: 95%;
}

#sr-logo {background-image: url("../images/logo-srwhite.png");
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	
	margin-bottom:2rem;
	height:66px;}
	
	#nyty-logo {background-image: url("../images/logo-nyty.png");
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	
	margin-bottom:2rem;
	height:27px;}
	
	#nyty-logo2 {background-image: url("../images/logo-nyty2.png");
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	
	margin-bottom:2rem;
	height:40px;}
	
	
#sr-logo2 {background-image:url("../images/sr-logodark.png");
	background-origin: padding-box;
	background-position: center center;
	background-repeat: no-repeat;
	/*background-size: contain;*/
	
	margin-bottom:2rem;
	height:66px;}
		
	.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 0px;
  box-sizing: border-box; }
  
  .speaker-title-right {position:absolute; font-weight:600; font-size: 16px;
    font-weight: 600;
    position: absolute;
    text-shadow: none;
	bottom:20px;
	font-family: 'Raleway', sans-serif;
	color:#00AEEF;
	text-shadow:none;
	right:40px;}
	
	.speaker-title-left {position:absolute; font-weight:600; font-size: 16px;
    font-weight: 600;
    position: absolute;
    text-shadow: none;
	bottom:20px;
	font-family: 'Raleway', sans-serif;
	color:#00AEEF;
	text-shadow:none;
	left:40px;}
  
  .padding {margin: 2rem 0;}	

/* 1.0 - Basic Settings 
::selection {
	color: #ffffff;
	background: #1a1a1a;
}

::-moz-selection {
	color: #ffffff;
	background: #1a1a1a;
}
*/
body {
	color: #7a7a7a;
	/*background: #000000;*/
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	overflow-x:hidden;
}

/* Normal headings and typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #1a1a1a;
	text-transform: none;
}

h1 {
	font-size: 36px;
	line-height: 48px;
	margin-bottom: 25px;
}

h2 {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 25px;
}

h3 {
	font-size: 24px;
	line-height: 25px;
}

h4 {
	font-size: 21px;
	line-height: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
}

h5 {
	font-size: 16px;
	line-height: 25px;
}

h6 {
	font-size: 13px;
	line-height: 25px;
}

p {
	margin-bottom: 25px;
	font-size:16px;
	line-height:20px;
}

/* FitText headings with css fallback */
h1.fittext,
h2.fittext,
h3.fittext,
h4.fittext,
h5.fittext,
h6.fittext {
	width: 100%;
	display: block;
	line-height: 0.9em;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

h1.fittext {
	font-size: 75px;
}

h2.fittext {
	font-size: 60px;
}

h3.fittext {
	font-size: 45px;
}

h4.fittext {
	font-size: 30px;
}

h5.fittext {
	font-size: 23px;
}

h6.fittext {
	font-size: 15px;
}

/* Bigger headings without using jQuery */
.bigtext h1,
.bigtext h2,
.bigtext h3,
.bigtext h4,
.bigtext h5,
.bigtext h6,
h1.bigtext,
h2.bigtext,
h3.bigtext,
h4.bigtext,
h5.bigtext,
h6.bigtext {
	line-height: 1.1em;
	padding-bottom: 2px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

.bigtext h1,
h1.bigtext {
	font-size: 80px;
}

.bigtext h2,
h2.bigtext {
	font-size: 70px;
}

.bigtext h3,
h3.bigtext {
	font-size: 60px;
}

.bigtext h4,
h4.bigtext {
	font-size: 50px;
}

.bigtext h5,
h5.bigtext {
	font-size: 40px;
}

.bigtext h6,
h6.bigtext {
	font-size: 25px;
}

/* Text backgrounds */
.text-bg {
	width: auto;
	display: inline-block;
	padding: 5px 7px 6px 8px;
	background: #00AEEF;
	margin: 2px;
}

.text-bg.white {
	background: #ffffff;
}

.text-bg.light {
	background: #7a7a7a;
}

.text-bg.dark {
	background: #1a1a1a;
}

.text-bg.color {
	background: #00AEEF;
}

/* Links */
a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: #00AEEF;
}

/* Text colors */
.text-white,
h1.text-white,
h2.text-white,
h3.text-white,
h4.text-white,
h5.text-white,
h6.text-white,
p.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p {
	color: #ffffff;
}

.text-light,
h1.text-light,
h2.text-light,
h3.text-light,
h4.text-light,
h5.text-light,
h6.text-light,
p.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6,
.text-light p {
	color: #adadad;
}

.text-dark,
h1.text-dark,
h2.text-dark,
h3.text-dark,
h4.text-dark,
h5.text-dark,
h6.text-dark,
p.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark p {
	color: #1a1a1a;
}

.text-color,
h1.text-color,
h2.text-color,
h3.text-color,
h4.text-color,
h5.text-color,
h6.text-color,
p.text-color,
.text-color h1,
.text-color h2,
.text-color h3,
.text-color h4,
.text-color h5,
.text-color h6,
.text-color p {
	color: #00AEEF;
}

/* Serif font */
h1.serif,
h2.serif,
h3.serif,
h4.serif,
h5.serif,
h6.serif,
p.serif,
.serif h1,
.serif h2,
.serif h3,
.serif h4,
.serif h5,
.serif h6,
.serif p {
	font-family: 'Volkhov', 'Times New Roman', Georgia, serif;
	font-weight: 400;
}

/* Text styles */
p.big {
	font-size: 25px;
	line-height: 40px;
}

.small,
small {
	font-size: 12px;
}

.italic,
em {
	font-style: italic;
}

.bold,
strong,
b {
	font-weight: 900;
}

.thin {
	font-weight: 300;
}

/* More control over your headings */
.no-uppercase {
	text-transform: none;
}

.uppercase {
	text-transform: uppercase;
}

.letterspace {
	letter-spacing: 0.1em;
}

/* Lists */
.ordered-list {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 25px;
}

.unordered-list {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 25px;
}

/* Quotes */
blockquote {
	font-family: 'Volkhov', 'Times New Roman', Georgia, serif;
	font-style: italic;
	margin-bottom: 25px;
	padding-left: 15px;
	padding-right: 0;
	border-left: 2px solid #cccccc;
}

blockquote.left {
	text-align: left;
	padding-left: 15px;
	padding-right: 0;
	border-left: 2px solid #cccccc;
}

blockquote.right {
	text-align: right;
	padding-left: 0;
	padding-right: 15px;
	border-right: 2px solid #cccccc;
}

q {
	quotes : "\"" "\"" """ """;
}

q:before {
	content: '\201C';
}

q:after {
	content: '\201D';
}

q.colorq:before {
	content: '\201C';
	color: #00AEEF;
}

q.colorq:after {
	content: '\201D';
	color: #00AEEF;
}

/* Buttons */
.button {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 20px;
	color: #ffffff;
	background: #1a1a1a;
	-webkit-border-radius: 2px;
			border-radius: 2px;
	margin-top: 10px;
}

a.button:hover {
	text-decoration: none;
	color: #ffffff;
	background: #00AEEF;
}

.button.small {
	font-size: 10px;
	padding: 5px 15px;
}

.button.big {
	font-size: 16px;
	padding: 15px 25px;
	-webkit-border-radius: 3px;
			border-radius: 3px;
}

/*NEW STUFF*/
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active, .btn:active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
}
a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}

/* Icons inside buttons */
.button > i {
	font-size: 14px;
}

.button.small > i {
	font-size: 12px;
}

.button.big > i {
	font-size: 18px;
}

/* Padding for outlined buttons */
.button.outline {
	padding: 8px 18px;
}

.button.small.outline {
	padding: 3px 13px;
}

.button.big.outline {
	padding: 13px 23px;
}

/* Alternative for a button */

.btn-standard {
  padding: 10px 20px 10px 20px;
  background-color: #00AEEF;
  color:#FFF;
  width:80%;
  font-size: 16px;
  text-align: center;
  outline: none;
  clear:both;
  margin-top:20px;
  text-decoration: none;
  /*
  transition: border-color 0.3s ease-out,
              color 0.3s ease-out;
			  text-align:center;
			  font-family: 'Raleway', sans-serif;
			  font-weight:bold;
  */
  font-family: 'Raleway', sans-serif;
			  font-weight:400;
  text-transform:uppercase;
  letter-spacing: 1px;
  
}

@media screen and (max-width: 500px) /* Mobile */ {.btn-standard {font-size:14px; width:80%;}}

a.underline {
	border-bottom: 1px solid #00AEEF;
}

a.arrow-link:after {
	font-family: 'FontAwesome';
	content: '\f101';
	color: #00AEEF;
	margin-left: 7px;
}

/* Icons */
i.inline {
	margin-left: 5px;
	margin-right: 5px;
}

.icon,
a .icon {
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #ffffff;
	background: #1a1a1a;
	margin: auto 3px;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}

a .icon:hover {
	text-decoration: none;
	color: #ffffff;
	background: #00AEEF;
}

.icon.small {
	font-size: 12px;
	width: 25px;
	height: 25px;
	line-height: 25px;
}

.icon.medium {
	font-size: 14px;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.icon.big {
	font-size: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
}

/* Fixing lineheights */
.icon.outline {
	line-height: 36px;
}

.icon.small.outline {
	line-height: 21px;
}

.icon.medium.outline {
	line-height: 26px;
}

.icon.big.outline {
	line-height: 46px;
}

/* Arrow controls */
.icon.arrow-top {
	-webkit-border-radius: 0px 0px 3px 3px;
			border-radius: 0px 0px 3px 3px;
}

.icon.arrow-prev {
	text-indent: -2px;
	-webkit-border-radius: 0px 3px 3px 0px;
			border-radius: 0px 3px 3px 0px;
}

.icon.arrow-next {
	-webkit-border-radius: 3px 0px 0px 3px;
			border-radius: 3px 0px 0px 3px;
}

.icon.arrow-bottom {
	-webkit-border-radius: 3px 3px 0px 0px;
			border-radius: 3px 3px 0px 0px;
}

.icon.attached {
	margin: auto -3px;
}

/* Styles for the buttons, icons and arrow controls */
.button.color,
.icon.color {
	color: #ffffff;
	background: #00AEEF;
}

a.button.color:hover,
a .icon.color:hover {
	color: #ffffff;
	background: #1a1a1a;
}

.button.white,
.icon.white {
	color: #1a1a1a;
	background: #ffffff;
}

.button.light,
.icon.light {
	color: #ffffff;
	background: #adadad;
}

.button.dark,
.icon.dark {
	color: #ffffff;
	background: #1a1a1a;
}

.button.outline,
.icon.outline {
	color: #1a1a1a;
	background: none;
	border: 2px solid #1a1a1a;
}

a.button.outline:hover,
a .icon.outline:hover {
	color: #ffffff;
	background: #1a1a1a;
}

.button.outline.color,
.icon.outline.color {
	color: #00AEEF;
	background: none;
	border: 2px solid #00AEEF;
}

a.button.outline.color:hover,
a .icon.outline.color:hover {
	color: #ffffff;
	background: #00AEEF;
}

.button.outline.white,
.icon.outline.white {
	color: #ffffff;
	background: none;
	border: 2px solid #ffffff;
}

a.button.outline.white:hover,
a .icon.outline.white:hover {
	color: #1a1a1a;
	background: #ffffff;
}

.button.outline.light,
.icon.outline.light {
	color: #adadad;
	background: none;
	border: 2px solid #adadad;
}

a.button.outline.light:hover,
a .icon.outline.light:hover {
	color: #ffffff;
	background: #adadad;
}

.button.outline.dark,
.icon.outline.dark {
	color: #1a1a1a;
	background: none;
	border: 2px solid #1a1a1a;
}

a.button.outline.dark:hover,
a .icon.outline.dark:hover {
	color: #ffffff;
	background: #1a1a1a;
}

/* Pagination bullets */
.bullet-pagination {
	text-align: center;
}

.bullet-pagination a {
	background: #00AEEF;
	width: 12px;
	height: 12px;
	margin: 4px;
	display: inline-block;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}

.bullet-pagination a.selected {
	background: #ffffff;
	cursor: default;
}

.bullet-pagination a span {
	display: none;
}

/* The title of a section */
.title {
	margin-bottom: 45px;
}

.title h1 {
	position: relative;
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
}

.title hr {
	width: 80px;
	height: 2px;
	background: #cccccc;
	border: 0;
	margin: 0 auto;
}

/* Show an icon instead of the horizontal rule, or use both */
.title i {
	position: relative;
	display: block;
	font-size: 54px;
	line-height: 54px;
	color: #cccccc;
	margin: 0 auto -45px;
	text-align: center;
}

/* Headers */
.header {
	position: relative;
	display: table;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 640px;
}

.header.fixed {
	background-attachment: fixed;
}

.header.top {
	background-position: top center;
}

.header.bottom {
	background-position: bottom center;
}

.header.medium {
	height: 500px;
}

.header.small {
	height: 320px;
}

.header-center {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.header-center .text-white {text-shadow: 2px 2px 1px rgba(34, 34, 34, 0.8);}

.centerdiv {
	width: 920px;
	margin: 0 auto;
}

.header-center hr {
	width: 220px;
	height: 2px;
	background: #ffffff;
	border: 0;
	margin: 50px auto 35px;
}

/* Fade */
.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
.fade.in {
    opacity: 1;
}

/* Smooth effects for no-touch devices only */
.no-touch a,
.no-touch a:hover,
.no-touch .button,
.no-touch .button:hover,
.no-touch .icon,
.no-touch .icon:hover,
.no-touch .icon.huge,
.no-touch .icon.huge:hover,
.no-touch .fade,
.no-touch .portfolio-thumb,
.no-touch .image-thumb,
.no-touch .service-item,
.no-touch a.play-btn i,
.no-touch a.play-btn:hover > i,
.no-touch .video-controls button,
.no-touch .video-controls button:hover,
.no-touch ul.home-menu li i,
.no-touch ul.home-menu li a:hover > i,
.no-touch .toggle,
.no-touch .toggle:hover,
.no-touch #contactform input,
.no-touch #contactform textarea,
.no-touch #contactform select,
.no-touch #contactform input:focus,
.no-touch #contactform textarea:focus,
.no-touch #contactform select:focus,
.no-touch #contactform input.submit,
.no-touch #contactform input.submit:hover,
.no-touch .fourofour i,
.no-touch .fourofour a:hover > i,
.no-touch .hoverimg,
.no-touch .hoverimg:hover,
.no-touch .employeeblock,
.no-touch .employeeblock:hover,
.no-touch .mask,
.no-touch .employeeblock:hover .mask,
.no-touch .serviceblock,
.no-touch .serviceblock:hover,
.no-touch .serviceblock .button,
.no-touch .serviceblock:hover .button,
.no-touch .serviceblock i,
.no-touch .serviceblock:hover i {
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}


/* ******************** 02 - Menu ******************** */
.main-menu {
	position: relative;
	display: block;
	width: 100%;
	min-height: 50px;
	background: #1a1a1a;
	z-index: 999;
	-webkit-box-shadow:  0px 0px 0px 2px rgba(0, 0, 0, 0.1);
			box-shadow:  0px 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.menu-wrap {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 920px;
}

.menu-logo {
	float: left;
	text-align: left;
	width: auto;
	max-height: 30px;
	margin-top: 20px;
	margin-bottom: 0;
}

.main-menu h1 {
	float: left;
	text-align: left;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 0;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.main-menu h1 a {
	text-decoration: none;
	color: #00AEEF;
}

.main-menu h1 a:hover {
	color: #ffffff;
}

/* The toggle */
#toggle,
.toggle {
	display: none;
}

/* The menu items */
.menu {
	text-align: right;
	height: 100%;
}

.menu li {
	display: inline-block;
	list-style: none;
	/*margin-left: 40px;*/
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 70px;
	text-transform: uppercase;
}

.menu li a {
	display: inline-block;
	text-decoration: none;
	color: #7a7a7a;
	height: 100%;
	padding:0 12px;
}


.menu li a:hover {
	background:#AFDCF8; color:#222222;
}


.menu .active {background:#AFDCF8; color:#222222;}







/* ******************** Responsive settings for the menu ******************** */
@media only screen and (max-width: 768px){

	.sticky-wrapper,
	.main-menu {
		height: 50px!important;
	}
	
	.menu-wrap {
		width: 100%;
	}
	
	.menu-logo {
		margin-top: 10px;
		margin-left: 15px;
	}
	
	.main-menu h1 {
		margin-top: 0;
		margin-left: 15px;
	}

	/* The toggle */
	.toggle {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
		color: #00AEEF;
		float: right;
		font-family: 'FontAwesome';
		text-align: center;
		font-size: 14px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	
	.toggle:hover {
		color: #ffffff;
	}
	
	.toggle:after {
		content: '\f0c9';
	}
	
	#toggle:checked ~ .menu {
		display: block;
		filter: alpha(opacity=100);
		opacity: 1;
	}
	
	#toggle:checked + .toggle:after {
		content: '\f077';
	}
	
	/* The menu items */
	.menu {
		display: none;
		filter: alpha(opacity=0);
		opacity: 0;
		margin-top: 50px;
		width: 100%;
		position: absolute;
		right: 0;
		height: auto;
		text-align: left;
		background: #1a1a1a;
		padding-bottom: 10px;
	}
	
	.menu li {
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		margin: 0;
	}
	
	.menu li a {
		display: block;
		width: 100%;
		height: auto;
		margin-left: 15px;
	}
}

/* White menu classes */
.main-menu.white-menu {
	background: #ffffff;
}

.main-menu.white-menu h1 a:hover {
	color: #1a1a1a;
}

.main-menu.white-menu .menu li a:hover {
	color: #00AEEF;
}

@media only screen and (max-width: 768px){
	.main-menu.white-menu .toggle:hover {
		color: #1a1a1a;
	}
	
	.main-menu.white-menu .menu {
		background: #fafafa;
	}
}


/* ******************** 03 - Home ******************** */

/* The fullscreen container */
.home-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

.home-wrap.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
}

.home-wrap-short {
	position: relative;
	width: 100%;
	height: 640px;
}

.home-wrap-short .home-content,
.home-wrap-short .centerdiv {
	z-index: 10;
}

.home-wrap-short .bxslider {
	z-index: 0;
}


/* The content inside the fullscreen container */
.home-content {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	display: inline-block;
	width: 920px;
}

.home-content hr {
	width: 220px;
	height: 2px;
	background: #ffffff;
	border: 0;
	margin: 50px auto 35px;
}

.home-content img {
	margin-bottom: 0;
}

/* Responsive logo */
.the-logo {
	max-width: 600px;
	width: 100%;
	height: auto;
	display: inline-block;
}

/* Fullscreen background image */
.fullscreen-img {
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

@media screen and (max-width: 1024px) {
	.fullscreen-img {
		left: 50%;
		margin-left: -512px;
	}
}

/* Fullscreen video */
.video-container {
	display: block;
	position: relative;
	min-width: 100%;
	min-height: 100%;
	z-index: -1;
}

.fullscreen-video {
	display: block;
	vertical-align: top;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

/* The circle menu */
ul.home-menu li {
	display: inline-block;
	width: 180px
}


ul.home-menu li a {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
}

ul.home-menu li i {
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 76px;
	letter-spacing: 0;
	color: #ffffff;
	border: 2px solid #ffffff;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	margin: 25px auto;
}

ul.home-menu li em {
	font-family: 'Volkhov', 'Times New Roman', Georgia, serif;
	display: block;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #ffffff;
}

ul.home-menu li a:hover > i {
	background: #00AEEF;
	border: 2px solid #00AEEF;
}

/* The play button */
a.play-btn i {
	cursor: pointer;
	text-indent: 5px;
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 76px;
	letter-spacing: 0;
	color: #ffffff;
	background: none;
	border: 3px solid #ffffff;
	border-radius: 50%;
}

a.play-btn:hover > i {
	color: #ffffff;
	background: #00AEEF;
	border: 3px solid #00AEEF;
}

a.play-btn-normal {
	cursor: pointer;
}

.small-play-btn {
	text-indent: 1px;
}

/* Video controls */
.video-controls {
	position: absolute;
	width: 200px;
	left: 50%;
	margin-left: -100px;
	bottom: 50px;
}

.video-controls button {
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor: pointer;
	margin: 4px;
	font-family: 'FontAwesome';
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	color: #ffffff;
	background: none;
	border: 2px solid #ffffff;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}

.video-controls button:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	color: #ffffff;
}

/* Controls for the fullscreen background sliders (index7) */
#home-controls a {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	outline: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	/*text-indent: -9999px;*/
	z-index: 11;
	zoom: 1;
}

#home-controls a.prev,
#home-controls a.next {
	color: #ffffff;
	font-size: 42px;
}

#home-controls a.prev:hover,
#home-controls a.next:hover {
	color: #ffffff;
	font-size: 56px;
}

#home-controls a.prev {
	left: 10px;
}

#home-controls a.prev:after {
	font-family: 'FontAwesome';
	content: '\f104';
}

#home-controls a.next {
	right: 10px;
}

#home-controls a.next:after {
	font-family: 'FontAwesome';
	content: '\f105';
}

#home-pagination.bullet-pagination {
	width: 200px;
	z-index: 12;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -100px;
}


/* ******************** 04 - Introduction ******************** */
.introduction {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f0f0f0;
}


/* ******************** 05 - Featured Work ******************** */
.featured-work {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #ffffff;
}

.featured-work-slider {
	margin-bottom: 70px;
}

/* Huge icon */
.icon.huge {
	font-size: 56px;
	width: 120px;
	height: 120px;
	line-height: 114px;
	cursor: default;
	color: #adadad;
	background: none;
	border: 3px solid #ffffff;
}

.icon .huge a:hover {
	color: #00AEEF;
	border: 3px solid #00AEEF;
}



/* ******************** 06 - UPCOMING EVENTS ******************** */
.upcoming-events {
	position: relative;
	padding-top: 50px;
	padding-bottom: 0px;
	background: #FFFFFF;
}



.portfolio-thumb {
	display: block;
	background: #ffffff;
	padding-bottom: 25px;
}

.portfolio-thumb a {
	text-align: center;
	text-decoration: none;
}

.portfolio-thumb img {
	margin-bottom: -35px;
}

.portfolio-thumb i {
	text-align: center;
	position: relative;
	display: block;
	margin: 10px auto 15px;
	font-size: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	background: #1a1a1a;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}

.portfolio-thumb:hover i {
	/*background: #00AEEF;*/
}

.portfolio-thumb b {
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #1a1a1a;
}

.portfolio-thumb em {
	font-family: 'Volkhov', 'Times New Roman', Georgia, serif;
	display: block;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #adadad;
}

.portfolio-thumb b,
.portfolio-thumb em {
	padding-left: 25px;
	padding-right: 25px;
}

/* ******************** About us ******************** */

.about-us {
	position: relative;
	padding-top: 50px;
	padding-bottom: 140px;
	background: #f0f0f0;
	}
	
	
#sr-blog {}	

.about-us ul#latest_posts li { margin-top:30px; font-family: 'Cairo', sans-serif; font-size:22px; text-align:left; line-height:27px;}

.about-us ul#latest_posts { border-left:solid 1px #AFDCF8; padding-left:15px; margin-bottom:20px; list-style-type:none;}


@media screen and (max-width: 995px) /* Mobile */ {.about-us ul#latest_posts { border-top:solid 1px #AFDCF8; border-left:none; padding-left:0; margin-bottom:20px;}}

.about-us ul#latest_posts li strong { font-weight:600; color:#333333; text-transform:uppercase;}	

/* ******************** 07 - Call to Action ******************** */
.form {
	position: relative;
	background:#333333;
}

.form .title {
	padding-top:80px;
}

.form .header {
	background: #333333;
	padding-bottom:60px;
}

.form hr {
	width: 80px;
	height: 2px;
	background: #ffffff;
	border: 0;
	margin: 0 auto;
	margin-top:60px;
}

.nobg .form .header {
	background: none;
}


/* ******************** 08 - affiliates Me ******************** */
.affiliates {
	position: relative;
	padding-top: 100px;
	padding-bottom:20px;
	background: #ffffff;
}

.affiliates p{
	text-align:left;
}

#affiliate-accordion {
	position: relative;
	padding-top:20px;
	padding-bottom: 0px;
	background: #ffffff;
}

.affiliate-accordion .affiliate-acc {
	padding-bottom: 0px;
}

 .affiliate-acc .panel-body {text-align:left;}

.affiliates #affiliateaccordion-wrap { border:solid 1px #575757; padding:10px; border-radius:6px;}

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

.affiliates .header {
	margin-bottom: 70px;
}

.affiliates-avatar {
	text-align: center;
	position: relative;
	margin-top: -150px;
	border: 4px solid #ffffff;
	width: 160px;
	height: 160px;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}


/* ******************** 09 - affiliates Us ******************** */
.affiliates-us {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #f0f0f0;
}

.affiliates-us .header {
	margin-bottom: 70px;
}

/* Employees */
.employeeblock {
	padding: 20px 20px 10px;
	border: 2px solid #ffffff;
}

.employeeblock:hover {
	border: 2px solid #eeeeee;
}

.hoverimg {
	position: relative;
	width: 100%;
	height: 100%;
}

.hoverimg img {
	-webkit-border-radius: 50%;
			border-radius: 50%;
	margin-bottom: 0;
}

.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	-webkit-border-radius: 50%;
			border-radius: 50%;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
}

.mask span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.employeeblock:hover .mask {
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

.mask span i {
	color: #ffffff;
	margin: 3px;
}

/* ******************** Crewing ******************** */



.crewing {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #f0f0f0;
	}
	
.crewing .icon.huge {margin-bottom:15px;}	
	
.events-full {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #222222;
	}	
	
.crewing ul li {
	list-style-type:circle;
	margin-right:10px;
	text-align:left;
	font-size:15px;
	}	
	
.crewing p {
	font-size:15px;
	margin:2rem 0;
	text-align:left;
	}	
	
	#crewfaq .crewfaq_close, .crewcalendar_close, .crewtestimonials_close, .crewform_close {background:none !important;}	
	


/* ******************** 10 - Services ******************** */
.services {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #f0f0f0;
}


/* ******************** 11 - News ******************** */


.news {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #222222;
	font-family: 'Cairo', sans-serif;
}

.news .title h1 {
	position: relative;
	font-size: 17px;
	line-height: 30px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-align: center;
	color:#FFFFFF;
	
}

/*.news .sm-bordercol {border-right: solid 1px #AFDCF8;}*/


/*News BLOG*/

.news ul#latest_posts  li { margin-top:20px; font-family: 'Cairo', sans-serif; font-size:17px; text-align:left; list-style:none;}

.news ul#latest_posts  li strong { font-weight:600; color:#AFDCF8; text-transform:uppercase;}


/* CarouFredsel styling for the services slider */
.list_carousel {
	position: relative;
	margin: 0;
	width: auto;
}

.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.list_carousel li {
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	text-align: center;
}

.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}

.clearfix {
	float: none;
	clear: both;
}

/* Service slider items */
li.service-item {
	display: block;
	background: #ffffff;
	padding-bottom: 25px;
	width: 480px;
	margin-right: 20px;
	margin-left: 20px;
	text-align: center;
}

li.service-item p {
	margin-right: 25px;
	margin-left: 25px;
}

li.service-item img {
	margin-bottom: -35px;
}

li.service-item i {
	position: relative;
	display: block;
	margin: 10px auto 20px;
	font-size: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #ffffff;
	background: #1a1a1a;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}

li.service-item:hover i {
	background: #00AEEF;
}

li.service-item ul {
	margin: 25px 0 0;
}

li.service-item ul li {
	display: inline-block;
	padding: 12px;
	width: 100%;
}

li.service-item ul li:last-child {
	border-bottom: 2px solid #fafafa;
}

li.service-item ul li:nth-child(odd) {
	background-color: #fafafa;
}

/* Simple services */
.simple-services {
	position: relative;
	padding-top: 100px;
	padding-bottom: 50px;
	background: #ffffff;
}

/* Services hoverblocks */
.serviceblock {
	padding: 20px 20px 10px;
	border: 2px solid #ffffff;
}

.serviceblock:hover {
	border: 2px solid #eeeeee;
}

.serviceblock .button {
	margin-top: 0;
	filter: alpha(opacity=0);
	opacity: 0;
	visibility: hidden;
}

.serviceblock:hover .button {
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
}

/* Huge icon */
.serviceblock i {
	text-align: center;
	font-size: 56px;
	width: 120px;
	height: 120px;
	line-height: 120px;
	cursor: default;
	color: #adadad;
	background: none;
	border: 3px solid #ffffff;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}

.serviceblock:hover i {
	color: #00AEEF;
	border: 3px solid #00AEEF;
}


/* ******************** 11 - Quote ******************** */
.quote {
	position: relative;
}

.quote .header{
	background-image: url('../images/placeholder-fullscreen.png');
}

.nobg .quote .header {
	background: none;
}


/* ******************** 12 - Contact ******************** */
.contact {
	position: relative;
	padding-top: 100px;
	padding-bottom: 140px;
	background: #ffffff;
}

/* Styling for the contactform */
#contactform {
	display: block;
	width: 100%;
	margin: 50px auto 0;
	text-align: left;
}

#contactform label {
	position: relative;
	z-index: 13;
	padding-left: 10px;
}

#contactform label {
	line-height: 50px;
}

#contactform input,
#contactform textarea,
#contactform select {
	display: block;
	position: relative;
	overflow: hidden;
	min-height: 50px;
	margin-top: -50px;
	line-height: 50px;
	font-size: 1em;
	padding-left: 30px;
	padding-right: 10px;
	width: 100%;
	color: #666666;
	background: #ffffff;
	border: 2px solid #eeeeee;
}

#contactform select {
	padding-right: 10px;
	margin-bottom: 20px;
}

@-moz-document url-prefix() {
	#contactform select {
		padding-top: 14px;
	}
}

#contactform textarea {
	line-height: 25px;
	width: 100%;
	min-height: 120px;
}

#contactform input.input-verify {
	padding-left: 55px;
}

#contactform input:focus,
#contactform textarea:focus,
#contactform select:focus {
	border: 2px solid #00AEEF;
	background-color: #ffffff;
	color: #1a1a1a;
}

/* The button */
#contactform input.submit {
	-webkit-appearance: none;
	cursor: pointer;
	margin: 20px auto 0;
	width: auto;
	height: auto;
	border: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 0;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	background: #00AEEF;
	-webkit-border-radius: 2px;
			border-radius: 2px;
}

#contactform input.submit:hover {
	color: #ffffff;
	background: #1a1a1a;
}

#contactform input[type="submit"][disabled] {
	color: #ffffff;
	background: #00AEEF;
}

/* Form validation styles */
#contactform span.required {
	color: #ff0000;
}

.error_message {
	display: block;
	padding: 5px;
	background: #fbe3e4;
	color: #8a1f11;
	border: 1px solid #fbc2c4;
}

/* Loader image */
.loader {
	margin: 0 auto;
	padding: 0 25px;
}

/* What users see after they succesfully sent a message, see also the contact php file */
#success_page {
	text-align: center;
}

#success_page h4 {
	color: #00AEEF;
}

/* ******************** 04 - Terms and conditions ******************** */

#termscond {background: #f0f0f0; margin-bottom:50px; padding:30px 0;}
.termscond {border-bottom:1px solid #8f8f8f; margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 15px;}

.termscond a {font-size: 19px;
    margin-bottom: 19px;
    margin-top: 0;
    text-transform: uppercase; color:#00AEEF;}

.termsandconditions {
	position: relative;
	padding-top:0px;
	padding-bottom: 0px;
	background: none;
}

.termsandconditions .header {
	position: relative;
	background:#222222;
	display: table;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 200px;
	padding-top:80px;
}

.termsandconditions .tabheader {
	position: relative;
	display: table;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 200px;
	padding-top:80px;
}

.termsandconditions .panel-body p {text-align:left; margin-bottom:0;}

.termsandconditions .panel-body ul li {list-style-type:circle; color:#575757; font-size:17px; margin-left:5px; text-align:left;}

.termsandconditions .panel-body  ul.number li {list-style-type:decimal; color:#575757; font-size:17px; margin-left:5px; text-align:left;}

.termsandconditions .panel-body ol li {list-style-type:lower-alpha; color:#575757; font-size:17px; margin-left:35px; text-align:left;}

.termsandconditions .tab-pane h1 {font-size:1.2rem; text-transform:uppercase; color:#AFDCF8;}

.termsandconditions .tab-pane hr {
    background: #cccccc none repeat scroll 0 0;
    border: 0 none;
    height: 2px;
    margin: 0 auto;
    width: 80px;
	margin-bottom:70px;
}

.termsandconditions  p {text-align:left !important;}

.termsandconditions .header #logo {padding-bottom:40px;}

.termsandconditions .header .title h1 {padding-top:30px; color:#FFFFFF;}


.subpage {
	position: relative;
	padding-bottom: 50px;
}


.subpage .header .title h1 {padding-top:30px; color:#FFFFFF;}

.subpage .tabheader {
	position: relative;
	display: table;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 200px;
	padding-top:80px;
}

.subpage .header {
	position: relative;
	background:#222222;
	display: table;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 200px;
	padding-top:80px;
	margin-bottom:50px;
}

.subpage .subhead{
	font-family: 'Yellowtail', cursive;
	font-size:35px;
	color:#222222;
	font-weight:200;
	margin:50px 0;
}



/* ******************** 13 - Footer ******************** */

/*FOOTER*/
  footer {
	bottom: 0;
	margin-top:50px;
}

footer .base {
	background-color: #222222;
	bottom: 0;
	margin-top:2rem;
	height:80px;
}

#social-aboutuswrap {
    margin: 0 auto;
	padding:50px 0;
}

.base .privacypolicy {font-size:14px; color:#FFFFFF; font-family: 'Raleway', sans-serif; margin:3rem 0 0 0;  }
@media screen and (max-width: 500px) /* Mobile */ { .base .privacypolicy {text-align:center; }

}

.base .privacypolicy a{ color:#FFFFFF; border-right: solid 1px #444444;padding-right:2%; }

.base .privacypolicy a:last-child{border:none;}

.form-privacypolicy {font-size:0.8rem; font-family: 'Raleway', sans-serif;}

.privacypolicy a:hover,
.privacypolicy a:active {
  color: #D1D1D1;
  transition: border-color 0.4s ease-in,
              color 0.4s ease-in;}
			  
			  .footer-logo {
  line-height: 0.5;
  text-align: center;
  font-family: 'PT Sans', sans-serif !important;
}
.footer-logo span {
  display: inline-block;
  display: block;
	background-image: url(../img/footer-srlogo.png);
	background-repeat: no-repeat;
	width:130px;
	height:45px;
	position:relative;
	margin:0 auto;
	vertical-align:top;
	padding:0 5px;
}
.footer-logo span:before,
.footer-logo span:after {
  content: "";
  position: absolute;
  height: 16px;
  border-bottom: 1px solid #222222;
  top: 0;
  min-width:320px;
  width: 100%;
}

@media screen and (max-width: 500px) /* Mobile */ {
	
	.footer-logo span:before,
.footer-logo span:after {with:auto; position:inherit; border:none; height:auto;}


.footer-logo span {
  display: inline-block;
  position: inherit;  
  color:#00979E;
  font-size:2rem;
  margin-top:-50px;
  line-height:2rem;
}

}

.footer-logo span:before {
  right: 100%;
  margin-right: 15px;
}
.footer-logo span:after {
  left: 100%;
  margin-left: 15px;
} 

.footer-divider {border-top:solid 1px #222222; max-width:80px; margin:0 auto; clear:both; margin-bottom:3rem;}



@media screen and (max-width: 500px) /* Mobile */ {.footer-divider {border-top:solid 1px #222222; margin-top:0rem; width:100%; margin:0 auto; clear:both; }}

.bonus-value {color:#E24112; font-size:2rem;}

@media (max-width: 767px) { .footer-logo span:before,
.footer-logo span:after {
  content: "";
  position: inherit;
  height: 5px;
  border:none;
  top: 0;
  width:auto;
}
	
}


#social-buttonswrap {max-width:450px; margin:0 auto;}
  
  .social-buttons {margin-left:auto; margin-right:auto; float:left; padding:20px;}
  
.flex-center {
  display: flex;
  justify-content: center;
}
.social-buttons #instagram {
	display: block;
	background-image: url(../img/footer-instagram.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-right:10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #facebook {
	display: block;
	background-image: url(../img/footer-facebook.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 19px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #linkedin {
	display: block;
	background-image: url(../img/footer-linkedin.png);
	background-repeat: no-repeat;
	width: 17px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #youtube {
	display: block;
	background-image: url(../img/footer-youtube.png);
	background-repeat: no-repeat;
	width:21px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #twitter {
	display: block;
	background-image: url(../img/footer-twitter.png);
	background-repeat: no-repeat;
	width: 17px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #pinterest {
	display: block;
	background-image: url(../img/footer-pinterest.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #wordpress {
	display: block;
	background-image: url(../staging/img/footer-wordpress.png);
	background-repeat: no-repeat;
	width: 39px;
	height: 39px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #googleplus {
	display: block;
	background-image: url(../img/footer-googleplus.png);
	background-repeat: no-repeat;
	width: 21px;
	height: 16px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.social-buttons #email {
	display: block;
	background-image: url(../img/footer-email.png);
	background-repeat: no-repeat;
	width: 24px;
	height: 14px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
  
 p.foot-title {color:#626262; font-family: 'Merriweather', serif; font-size:1.1rem; margin-top:1rem;}
.base .copyright {
	font-size: 13px;
	color: #999999 !important;
	text-align: left !important;
	margin: 3rem 0 0 0;
	font-family: "Raleway",sans-serif;
}

#social-affiliatesuswrap {max-width:720px; margin:0 auto;}


footer .copyright a {
	color: #BEBEBE;
}
footer.copyright a:hover {
	color: #444444;
	text-decoration: line-through;
}
footer .affiliatesus {
	max-width: 120px;
	margin: 0 auto;
	font-family: "Raleway",sans-serif; font-size:0.8rem;
	line-height:1rem;
	text-align:center; color:#222222;
	font-weight:600;
}


#attendees {
	display: block;
	background-image: url(../img/footer-about.png);
	background-repeat: no-repeat;
	width: 33px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	margin-bottom: 8%;
	background-size: cover;
}
#events {
	display: block;
	background-image: url(../img/footer-events.png);
	background-repeat: no-repeat;
	width: 26px;
	height: 29px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	margin-bottom: 8%;
	background-size: cover;
}
#srlogo {
	display: block;
	background-image: url(../staging/images/logo-sr.png);
	background-repeat: no-repeat;
	width: 130px;
	height: 45px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 2% 0;
	background-size: cover;
}
#represented {
	display: block;
	background-image: url(../img/footer-countries.png);
	background-repeat: no-repeat;
	width: 27px;
	height: 26px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 8%;
	background-position: center center;
	background-size: cover;
}
#footage {
	display: block;
	background-image: url(../img/footer-footage.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 27px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto;
	margin-bottom: 8%;
	background-size: cover;
}
#promoter {
	display: block;
	background-image: url(../img/footer-numberone.png);
	background-repeat: no-repeat;
	width: 21px;
	height: 36px;
	background-repeat: no-repeat;
	margin: 0 auto;
	margin-bottom: 8%;
	background-size: cover;
}
footer .border-footer {
	border-top: dotted 1px #53BCD5;
}
/*//FOOTER*/


/* Social footer 
.social-footer {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	background: #333333;
}

.nobg .social-footer {
	background: none;
}

.social-footer .icon {
	margin: 10px;
}

/* Credits at the bottom of the page 
.credits {
	position: relative;
	padding-top: 25px;
	padding-bottom: 0;
	background: #1a1a1a;
}

.nobg .credits {
	background: rgba(0,0,0,0.4);
}*/

/* Simple footer 1 
.footer {
	position: relative;
	padding-top: 25px;
	background: #f0f0f0;
}*/

/* Simple footer 2 
.footer-two {
	position: relative;
	padding-top: 0;
	padding-bottom: 25px;
	background: #f0f0f0;
}

.footer-two p {
	margin-bottom: 50px;
}*/


/* ******************** 14 - Project Page ******************** */
.main-menu.alreadyfixed {
	position: fixed;
	top: 0;
	left: 0;
}

.project-page-intro {
	position: relative;
	padding-top: 70px;
	padding-bottom: 100px;
	background: #ffffff;
}

.project-page-slider {
	margin-bottom: 70px;
}

.project-page-images {
	position: relative;
	padding-top: 70px;
	padding-bottom: 70px;
	background: #f0f0f0;
}

.project-page-images img {
	margin-bottom: 0;
}


/* ******************** 15 - 404 Page ******************** */
.fourofour {
	background-image:url(../images/slide1-fullscreen.jpg);
  
  /* Image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Image doesn't repeat */
  background-repeat: no-repeat;
  
  /* Makes the image fixed in the viewport so that it doesn't move when 
     the content height is greater than the image height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based on its container's size */
  background-size: cover;
  
  /* Pick a solid background color that will be displayed while the background image is loading */
  background-color:#464646;
  
  /* SHORTHAND CSS NOTATION
   * background: url(background-photo.jpg) center center cover no-repeat fixed;
   */
}
}

.fourofour-content {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	display: inline-block;
	width: 920px;
}

.fourofour hr {
	width: 220px;
	height: 2px;
	background: #ffffff;
	border: 0;
	margin: 50px auto;
}

.fourofour h1 {
	width: 100%;
	display: block;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 140px;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: 0;
}

.fourofour a {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
}

.fourofour i {
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 80px;
	height: 80px;
	line-height: 76px;
	letter-spacing: 0;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 50%;
	margin: 25px auto;
}

.fourofour em {
	font-family: 'Volkhov', 'Times New Roman', Georgia, serif;
	display: block;
	font-size: 14px;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #ffffff;
}

.fourofour a:hover > i {
	background: #00AEEF;
	border: 2px solid #00AEEF;
}


/* ******************** 16 - Responsive Settings ******************** */

/* Large */
@media only screen and (min-width: 1200px) {

	.menu-wrap,
	.home-content {
		width: 1160px;
	}

}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.menu-wrap,
	.home-content,
	.centerdiv,
	.fourofour-content {
		width: 690px;
	}
	
	ul.home-menu li {
		width: 145px
	}
	
	li.service-item {
		margin-right: 15px;
		margin-left: 15px;
	}
	
	#contactform input.submit {
		margin: 10px auto 0;
	}

}

/* Medium */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.bigtext h1,
	h1.bigtext {
		font-size: 70px;
	}
	
	.bigtext h2,
	h2.bigtext {
		font-size: 60px;
	}
	
	.bigtext h3,
	h3.bigtext {
		font-size: 50px;
	}
	
	.bigtext h4,
	h4.bigtext {
		font-size: 40px;
	}
	
	.bigtext h5,
	h5.bigtext {
		font-size: 30px;
	}
	
	.bigtext h6,
	h6.bigtext {
		font-size: 20px;
	}
	
	p.big {
		font-size: 20px;
		line-height: 30px;
	}
	
	.header,
	.home-wrap-short {
		height: 540px;
	}
	
	.header.medium {
		height: 400px;
	}
	
	.header.small {
		height: 280px;
	}
	
	.home-content,
	.centerdiv,
	.fourofour-content {
		width: 400px;
	}
	
	ul.home-menu li {
		width: 90px
	}
	
	ul.home-menu li b,
	ul.home-menu li em {
		display: none;
	}
		
	li.service-item {
		margin-right: 8px;
		margin-left: 8px;
	}
	
	.serviceblock {
		padding: 0;
		border: none;
	}
	
	.serviceblock:hover {
		border: none;
	}
	
	.serviceblock .button {
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
	}
	
	.serviceblock:hover i {
		color: #adadad;
		border: 3px solid #ffffff;
	}
	
	.serviceblock i:hover {
		color: #00AEEF;
		border: 3px solid #00AEEF;
	}
	
	.employeeblock {
		padding: 0;
		border: none;
	}
	
	.employeeblock:hover {
		border: none;
	}
	
	#contactform input.submit {
		margin: 0 auto;
	}
	
	.footer .alignleft, 
	.footer .alignright {
		text-align: center;
	}
	
	.project-page-intro {
		padding-top: 50px;
	}

}

/* Small */
@media only screen and (max-width: 479px) {

	body {
		min-width: 302px;
	}
	
	.bigtext h1,
	h1.bigtext {
		font-size: 45px;
	}
	
	.bigtext h2,
	h2.bigtext {
		font-size: 40px;
	}
	
	.bigtext h3,
	h3.bigtext {
		font-size: 35px;
	}
	
	.bigtext h4,
	h4.bigtext {
		font-size: 30px;
	}
	
	.bigtext h5,
	h5.bigtext {
		font-size: 20px;
	}
	
	.bigtext h6,
	h6.bigtext {
		font-size: 16px;
	}
	
	p.big {
		font-size: 20px;
		line-height: 30px;
	}
	
	.header,
	.home-wrap-short {
		height: 480px;
	}
	
	.header.medium {
		height: 320px;
	}
	
	.header.small {
		height: 240px;
	}
	
	.home-content,
	.centerdiv,
	.fourofour-content {
		min-width: 270px;
		width: 270px;
	}
	
	.the-logo {
		max-width: 270px;
	}
	
	ul.home-menu li {
		width: 60px;
	}
	
	ul.home-menu li b,
	ul.home-menu li em {
		display: none;
	}
	
	ul.home-menu li i {
		font-size: 20px;
		width: 50px;
		height: 50px;
		line-height: 46px;
	}
	
	.slides-pagination,
	#home-pagination.bullet-pagination {
		bottom: 15px;
	}
	
	li.service-item {
		margin-right: 5px;
		margin-left: 5px;
	}
	
	.serviceblock {
		padding: 0;
		border: none;
	}
	
	.serviceblock:hover {
		border: none;
	}
	
	.serviceblock .button {
		filter: alpha(opacity=100);
		opacity: 1;
		visibility: visible;
	}
	
	.serviceblock:hover i {
		color: #adadad;
		border: 3px solid #ffffff;
	}
	
	.serviceblock i:hover {
		color: #00AEEF;
		border: 3px solid #00AEEF;
	}
	
	.employeeblock {
		padding: 0;
		border: none;
	}
	
	.employeeblock:hover {
		border: none;
	}
	
	#contactform input.submit {
		margin: 0 auto;
		width: 100%;
	}
	
	.footer .alignleft, 
	.footer .alignright {
		text-align: center;
	}
	
	.project-page-intro {
		padding-top: 50px;
	}
	
	.featured-work-slider,
	.affiliates .header,
	.affiliates-us .header,
	.project-page-slider {
		margin-bottom: 50px;
	}
	
	.introduction,	
	.featured-work,
	..upcoming-events,
	.affiliates,
	.affiliates-us,
	.services,
	.simple-services,
	.social-footer {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	.contact {
		padding-top: 70px;
		padding-bottom: 100px;
	}

}


/* TESTIMONIAL */

#testimonial {
	background:url(../img/testimonial-bg.png) bottom center no-repeat fixed;
	width:100%;
	height:auto;
	min-height:352px;
	padding:10px 0 20px 0;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}

#testimonial .item {
	margin:0 15px;
}

#testimonial img {
	margin-bottom:20px;
	vertical-align:middle;
}


#testimonial .item div {
	display:table-cell;
	vertical-align:middle;
}

#testimonial p {
	font-size:17px;
}

#testimonial h4 {
	font-family:'sinkin_sans700_bold';
	letter-spacing:1px;
	margin:0;
}

#quote {
	padding-top:30px;
}

/*CREW TESTIMONIAL*/

.speechbubble {
    background: #BDD0DD none repeat scroll 0 0;
    border-radius: 5px;
    font-family: 'PT Serif', serif;
	font-size:18px;
	line-height:20px;
  color:#F9F9F9;
    height: auto;
    line-height: 28px;
    padding: 20px;
    position: relative;
	margin-top:20px;
    width: 80%;
}


.speechbubble::after { 
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #BDD0DD rgba(186, 206, 219, 0) rgba(186, 206, 219, 0);
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: " ";
    height: 0;
    left: 10%;
    margin-left: -15px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

@media screen and (max-width: 500px) /* Mobile */ { .speechbubble::after { left: 50%; } .speechbubble2::after { left: 50%;} .speechbubble2 { 
	text-align:center;
	
} 

.speechbubble { 
	text-align:center;
}

}

*::after, *::before {
    box-sizing: border-box;
}

.speechbubble2 {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 5px;
    font-family: 'PT Serif', serif;
  color:#AAAAAA;
  font-size:19px;
    height: auto;
    line-height: 28px;
	font-style:italic;
    padding: 20px;
    position: relative;
    width: 100%;
	margin-top:20px;
}


.speechbubble2::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #f5f5f5 rgba(245, 245, 245, 0) rgba(245, 245, 245, 0);
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: " ";
    height: 0;
    right: 10%;
    margin-left: -15px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}



.speechbubble3 {
    background: #F5F5F5 none repeat scroll 0 0;
    border-radius: 5px;
    font-family: 'PT Serif', serif;
  color:#AAAAAA;
  font-size:1.8rem;
    height: auto;
    line-height: 2rem;
	font-style:italic;
    padding: 20px;
	text-align:center;
    position: relative;
    width: 100%;
}


.speechbubble3::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #F5F5F5 rgba(245, 245, 245, 0) rgba(245, 245, 245, 0);
    border-image: none;
    border-style: solid;
    border-width: 15px;
    content: " ";
    height: 0;
	margin:0 auto;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0;
}

*::after, *::before {
    box-sizing: border-box;
}


.testimonial-author2 {
    margin-left: 80px;
    margin-top: 40px;
	float:right;
}

.testimonial-author {
    margin-left: 10px;
    margin-top: 40px;
}

@media screen and (max-width: 500px) /* Mobile */ { .testimonial-author { margin: 40px auto 20px; text-align: center; width: 100%;}
.testimonial-author2 { margin: 40px auto 20px; text-align: center; width: 100%;}

}

/*END TESTIMONIAL*/

/*ACCORDION*/

.panel {
	margin-bottom: 20px;
	/*background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05)*/
}
.panel-body {
	padding-left:1.2rem;
	line-height:19px;
	font-size:15px;
	font-family: 'PT Sans', sans-serif !important;
  color: #868686;
  margin-bottom:1rem;
}
.panel-heading {
	/*padding: 10px 15px;*/
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {
	color: inherit
}
.panel-title {
	margin-top: 0;
	margin-bottom:19px;
	font-size:19px;
	text-transform:uppercase;
}

.panel-title h3{
	color: #AFDCF8;
	text-transform:uppercase;
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
	color: inherit
}
.panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.list-group, .panel>.panel-collapse>.list-group {
	margin-bottom: 0
}
.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
	border-width: 1px 0;
	border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
	border-top: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
	border-bottom: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.panel-heading+.list-group .list-group-item:first-child {
	border-top-width: 0
}
.list-group+.panel-footer {
	border-top-width: 0
}
.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table {
	margin-bottom: 0
}
.panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption {
	padding-right: 15px;
	padding-left: 15px
}
.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
	border-top-left-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
	border-top-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
	border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
	border-bottom-right-radius: 3px
}
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
	border-top: 1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th {
	border-top: 0
}
.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
	border: 0
}
.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
	border-left: 0
}
.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
	border-right: 0
}
.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
	border-bottom: 0
}
.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
	border-bottom: 0
}
.panel>.table-responsive {
	margin-bottom: 0;
	border: 0
}
.panel-group {
	margin-bottom: 20px
}
.panel-group .panel {
	margin-bottom: 0;
	border-radius: 4px
}
.panel-group .panel+.panel {
	margin-top: 5px
}
.panel-group .panel-heading {
	border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid #ddd
}
.panel-group .panel-footer {
	border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
	border-bottom: 1px solid #ddd
}
.panel-default {
	border-color: #ddd
}
.panel-default>.panel-heading {
	color: #333;
	text-transform:uppercase;
	background-color: #f5f5f5;
	border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ddd
}
.panel-default>.panel-heading .badge {
	color: #f5f5f5;
	background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ddd;
	font-family: 'PT Sans', sans-serif !important;
  color: #868686;
}
.panel-primary {
	border-bottom: none;
}
.panel-primary>.panel-heading {
	color: #fff;
	/*background-color: #337ab7;
	border-color: #337ab7*/
	color:#00AEEF;
	font-family: 'Raleway', sans-serif;
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #337ab7
}
.panel-primary>.panel-heading .badge {
	color: #337ab7;
	background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #337ab7
}
.panel-success {
	border-color: #d6e9c6
}
.panel-success>.panel-heading {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
	color: #dff0d8;
	background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #d6e9c6
}
.panel-info {
	border-color: #bce8f1
}
.panel-info>.panel-heading {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
	color: #d9edf7;
	background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #bce8f1
}
.panel-warning {
	border-color: #faebcc
}
.panel-warning>.panel-heading {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
	color: #fcf8e3;
	background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #faebcc
}
.panel-danger {
	border-color: #ebccd1
}
.panel-danger>.panel-heading {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
	color: #f2dede;
	background-color: #a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
	border-bottom-color: #ebccd1
}

.panel-body ul li {list-style-type:circle; color:#575757; font-size:17px; margin-left:5px;}

.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%
}
.embed-responsive-4by3 {
	padding-bottom: 75%
}
.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}
.well blockquote {
	border-color: #ddd;
	border-color: rgba(0,0,0,.15)
}
.well-lg {
	padding: 24px;
	border-radius: 6px
}
.well-sm {
	padding: 9px;
	border-radius: 3px
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}
.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}
.modal-open {
	overflow: hidden
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.42857143
}
.modal-body {
	position: relative;
	padding: 15px
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width:768px) {
.modal-dialog {
	width: 600px;
	margin: 30px auto
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.modal-sm {
	width: 300px
}
}

@media (min-width:992px) {
.modal-lg {
	width: 900px
}
}
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	filter: alpha(opacity=0);
	opacity: 0;
	line-break: auto
}
.tooltip.in {
	filter: alpha(opacity=90);
	opacity: .9
}
.tooltip.top {
	padding: 5px 0;
	margin-top: -3px
}
.tooltip.right {
	padding: 0 5px;
	margin-left: 3px
}
.tooltip.bottom {
	padding: 5px 0;
	margin-top: 3px
}
.tooltip.left {
	padding: 0 5px;
	margin-left: -3px
}
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
	right: 5px;
	bottom: 0;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	line-break: auto
}
.popover.top {
	margin-top: -10px
}
.popover.right {
	margin-left: 10px
}
.popover.bottom {
	margin-top: 10px
}
.popover.left {
	margin-left: -10px
}
.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}
.popover-content {
	padding: 9px 14px
}
.popover>.arrow, .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.popover>.arrow {
	border-width: 11px
}
.popover>.arrow:after {
	content: "";
	border-width: 10px
}
.popover.top>.arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,.25);
	border-bottom-width: 0
}
.popover.top>.arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0
}
.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,.25);
	border-left-width: 0
}
.popover.right>.arrow:after {
	bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0
}
.popover.bottom>.arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,.25)
}
.popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff
}
.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,.25)
}
.popover.left>.arrow:after {
	right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff
}
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner>.item {
	position: relative;
	display: none;
	-webkit-transition: .6s ease-in-out left;
	-o-transition: .6s ease-in-out left;
	transition: .6s ease-in-out left
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	line-height: 1
}

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
	-webkit-transition: -webkit-transform .6s ease-in-out;
	-o-transition: -o-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px
}
.carousel-inner>.item.active.right, .carousel-inner>.item.next {
	left: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
.carousel-inner>.item.active.left, .carousel-inner>.item.prev {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
.carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: rgba(0,0,0,0);
	filter: alpha(opacity=50);
	opacity: .5
}
.carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0001)));
	background-image: linear-gradient(to right, rgba(0,0,0,.5) 0, rgba(0,0,0,.0001) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.0001)), to(rgba(0,0,0,.5)));
	background-image: linear-gradient(to right, rgba(0,0,0,.0001) 0, rgba(0,0,0,.5) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x
}
.carousel-control:focus, .carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 50%;
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 50%;
	margin-right: -10px
}
.carousel-control .icon-next, .carousel-control .icon-prev {
	width: 20px;
	height: 20px;
	font-family: serif;
	line-height: 1
}
.carousel-control .icon-prev:before {
	content: '\2039'
}
.carousel-control .icon-next:before {
	content: '\203a'
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px
}
.carousel-indicators .active {
	width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 20px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6)
}
.carousel-caption .btn {
	text-shadow: none
}

@media screen and (min-width:768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
	width: 30px;
	height: 30px;
	margin-top: -10px;
	font-size: 30px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: -10px
}
.carousel-caption {
	right: 20%;
	left: 20%;
	padding-bottom: 30px
}
.carousel-indicators {
	bottom: 20px
}
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display: table;
	content: " "
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
	clear: both
}
.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto
}
.pull-right {
	float: right!important
}
.pull-left {
	float: left!important
}
.hide {
	display: none!important
}
.show {
	display: block!important
}
.invisible {
	visibility: hidden
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.affix {
	position: fixed
}
@-ms-viewport {
width:device-width
}
.visible-lg, .visible-md, .visible-sm, .visible-xs {
	display: none!important
}
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
	display: none!important
}

@media (max-width:767px) {
.visible-xs {
	display: block!important
}
table.visible-xs {
	display: table!important
}
tr.visible-xs {
	display: table-row!important
}
td.visible-xs, th.visible-xs {
	display: table-cell!important
}
}

@media (max-width:767px) {
.visible-xs-block {
	display: block!important
}
}

@media (max-width:767px) {
.visible-xs-inline {
	display: inline!important
}
}

@media (max-width:767px) {
.visible-xs-inline-block {
	display: inline-block!important
}
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm {
	display: block!important
}
table.visible-sm {
	display: table!important
}
tr.visible-sm {
	display: table-row!important
}
td.visible-sm, th.visible-sm {
	display: table-cell!important
}
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm-block {
	display: block!important
}
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline {
	display: inline!important
}
}

@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline-block {
	display: inline-block!important
}
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md {
	display: block!important
}
table.visible-md {
	display: table!important
}
tr.visible-md {
	display: table-row!important
}
td.visible-md, th.visible-md {
	display: table-cell!important
}
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md-block {
	display: block!important
}
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline {
	display: inline!important
}
}

@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline-block {
	display: inline-block!important
}
}

@media (min-width:1200px) {
.visible-lg {
	display: block!important
}
table.visible-lg {
	display: table!important
}
tr.visible-lg {
	display: table-row!important
}
td.visible-lg, th.visible-lg {
	display: table-cell!important
}
}

@media (min-width:1200px) {
.visible-lg-block {
	display: block!important
}
}

@media (min-width:1200px) {
.visible-lg-inline {
	display: inline!important
}
}

@media (min-width:1200px) {
.visible-lg-inline-block {
	display: inline-block!important
}
}

@media (max-width:767px) {
.hidden-xs {
	display: none!important
}
}

@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
	display: none!important
}
}

@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
	display: none!important
}
}

@media (min-width:1200px) {
.hidden-lg {
	display: none!important
}
}
.visible-print {
	display: none!important
}

@media print {
.visible-print {
	display: block!important
}
table.visible-print {
	display: table!important
}
tr.visible-print {
	display: table-row!important
}
td.visible-print, th.visible-print {
	display: table-cell!important
}
}
.visible-print-block {
	display: none!important
}

@media print {
.visible-print-block {
	display: block!important
}
}
.visible-print-inline {
	display: none!important
}

@media print {
.visible-print-inline {
	display: inline!important
}
}
.visible-print-inline-block {
	display: none!important
}

@media print {
.visible-print-inline-block {
	display: inline-block!important
}
}

@media print {
.hidden-print {
	display: none!important
}
}
/*# sourceMappingURL=bootstrap.min.css.map */


/*TIMELINE*/

.cbp_tmtimeline {
	margin: 30px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
} 


.events .button.outline {
	padding: 4px 14px;
}

/* The line */
.cbp_tmtimeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 10px;
	background: #E1E1E1;
	left: 20%;
	margin-left: -10px;
}

/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
	display: block;
	width: 30%;
	right: 600px;
	position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
	display: block;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
	font-size: 18px;
	color: #bdd0db;
	text-align:right;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
	font-family: 'Raleway', sans-serif; font-size:25px; color:#2D2D2D;text-align:right;
}

/*.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
	color: #E1E1E1;
}*/

/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
	margin: 0 0 15px 25%;
	background: #ffffff;
	color: #fff;
	padding: 2em;
	color:#333333;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.4;
	position: relative;
	border-radius: 5px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
	background: #ffffff;
}

.cbp_tmtimeline > li .cbp_tmlabel h2 { 
	margin-top: 0px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(255,255,255,0.4);
}

/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #ffffff;
	border-width: 10px;
	top: 10px;
}
.cbp_tmlabel h2 {
color: #111111;
    font-family: "Raleway",sans-serif;
    font-size:22px;
    font-weight: 500;
    line-height: 1.8rem;
    text-align: left;
    text-transform: uppercase; }
	
	

.cbp_tmlabel .timeline-activelink {
  float: right;
  padding: .6em 0.4em;
  background:  #00AEEF;
  color: white;
  border-radius: 0.15em;
  font-family: "Raleway",sans-serif;
  text-transform:uppercase;
  font-size:14px;
  font-weight:600;
  margin-right:1em;
}	

.cbp_tmlabel .timeline-deactivelink{
  float: right;
  padding: .6em 0.4em;
  background: #AFDCF8;
  color: white;
  border-radius: 0.15em;
  font-family: "Raleway",sans-serif;
  text-transform:uppercase;
  font-size:14px;
  font-weight:600;
}	

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
	border-right-color: #ffffff;
}

/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
	width: 40px;
	height: 40px;
	font-family: 'ecoico';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #111111;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #afdcf8;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
	list-style-type:none;
}


.cbp_tmicon-phone:before {
	content: "\e000";
}

.cbp_tmicon-screen:before {
	content: "\e001";
}

.cbp_tmicon-mail:before {
	content: "\e002";
}

.cbp_tmicon-earth:before {
	content: "\e003";
}

/* Example Media Queries */
@media screen and (max-width: 65.375em) {

	.cbp_tmtimeline > li .cbp_tmtime span:last-child {
		font-size: 1.5em;
	}
}

@media screen and (max-width: 47.2em) {
	.cbp_tmtimeline:before {
		display: none;
	}

	.cbp_tmtimeline > li .cbp_tmtime {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.cbp_tmtimeline > li .cbp_tmtime span {
		text-align: left;
	}

	.cbp_tmtimeline > li .cbp_tmlabel {
		margin: 0 0 30px 0;
		padding: 1em;
		font-weight: 400;
		font-size: 95%;
	}

	.cbp_tmtimeline > li .cbp_tmlabel:after {
		right: auto;
		left: 20px;
		border-right-color: transparent;
		border-bottom-color: #3594cb;
		top: -20px;
	}

	.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
		border-right-color: transparent;
		border-bottom-color: #6cbfee;
	}

	.cbp_tmtimeline > li .cbp_tmicon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}	
}

.main {
	width: 95%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 1.875em 3.125em;
}


/*Timeline page*/
.timeline dl {
	position: relative;
	top: 0;
	padding: 20px 0;
	margin: 0
}
.timeline dl:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: 100;
	width: 2px;
	margin-left: -1px;
	content: '';
	background-color: #ccd1d9
}
.timeline dl dt {
	position: relative;
	top: 30px;
	z-index: 200;
	width: 120px;
	padding: 3px 5px;
	margin: 0 auto 30px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	background-color: #aab2bd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}
.timeline dl dd {
	position: relative;
	z-index: 200
}
.timeline dl dd .circ {
	position: absolute;
	top: 40px;
	left: 50%;
	z-index: 200;
	width: 22px;
	height: 22px;
	margin-left: -11px;
	background-color: #4fc1e9;
	border: 4px solid #f5f7fa;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}
.timeline dl dd .time {
	position: absolute;
	top: 31px;
	left: 50%;
	display: inline-block;
	width: 170px;
	padding: 10px 20px;
	color: #4fc1e9;
	font-size:19px;
}
.timeline dl dd .events {
	position: relative;
	width: 47%;
	padding: 10px 10px 0;
	margin-top: 31px;
	background-color: #E1E1E1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}
.timeline dl dd .events:before {
	position: absolute;
	top: 12px;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
	border-width: 6px
}
.timeline dl dd .events .events-object {
	margin-right: 10px
}
.timeline dl dd .events .events-body {
	/*overflow: hidden;
	zoom: 1*/
	margin-left:10px;
	text-align:left;
	
}
.timeline dl dd .events .events-body .events-heading {
	margin: 0 0 10px;
	color: #1a1a1a;
    display: block;
    font-size:17px;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.timeline dl dd.pos-right .time {
	margin-left: -170px;
	text-align: right
}
.timeline dl dd.pos-right .events {
	float: right
}
.timeline dl dd.pos-right .events:before {
	left: -12px;
	border-color: transparent #E1E1E1 transparent transparent
}
.timeline dl dd.pos-left .time {
	margin-left: 0;
	text-align: left
}
.timeline dl dd.pos-left .events {
	float: left
}
.timeline dl dd.pos-left .events:before {
	right: -12px;
	border-color: transparent transparent transparent #E1E1E1
}

@media screen and (max-width:767px) {
.timeline dl:before {
	left: 60px
}
.timeline dl dt {
	margin: 0 0 30px
}
.timeline dl dd .circ {
	left: 60px
}
.timeline dl dd .time {
	left: 0;
	width:20%;
}

.timeline dl dd.pos-right .time {
	left: 0;
	width:10%;
}

.timeline dl dd.pos-left .time {
	padding: 10px 0;
	margin-left: 0;
	text-align: left
}
.timeline dl dd.pos-left .events {
	float: right;
	width: 78%
}
.timeline dl dd.pos-left .events:before {
	left: -12px;
	border-color: transparent #fff transparent transparent
}
.timeline dl dd.pos-right .time {
	padding: 10px 0;
	margin-left: 0;
	text-align: left;
}
.timeline dl dd.pos-right .events {
	float: right;
	width: 78%
}
}



/*TABS*/
.nav {
	margin-left: 0;
	margin-bottom: 20px;
	list-style: none;
}
.nav>li>a {
	display: block;
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #eeeeee;
}
.nav>li>a>img {
	max-width: none;
}
.nav>.pull-right {
	float: right;
}
.nav-header {
	display: block;
	padding: 3px 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999999;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}
.nav li+.nav-header {
	margin-top: 9px;
}
.nav-list {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
}
.nav-list>li>a, .nav-list .nav-header {
	margin-left: -15px;
	margin-right: -15px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.nav-list>li>a {
	padding: 3px 15px;
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background-color: #0088cc;
}
.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
	margin-right: 2px;
}
.nav-list .divider {
*width:100%;
	height: 1px;
	margin: 9px 1px;
*margin:-5px 0 5px;
	overflow: hidden;
	background-color: #e5e5e5;
	border-bottom: 1px solid #ffffff;
}
.nav-tabs, .nav-pills {
*zoom:1;
}
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
	display: table;
	content: "";
	line-height: 0;
}
.nav-tabs:after, .nav-pills:after {
	clear: both;
}
.nav-tabs>li, .nav-pills>li {
	float: left;
}
.nav-tabs>li>a, .nav-pills>li>a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	line-height: 14px;
}
.nav-tabs {
	border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
	margin-bottom: -1px;
}
.nav-tabs>li>a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
	color: #00AEEF;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}
.nav-pills>li>a {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2px;
	margin-bottom: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
	color: #ffffff;
	background-color: #0088cc;
}
.nav-stacked>li {
	float: none;
}
.nav-stacked>li>a {
	margin-right: 0;
}
.nav-tabs.nav-stacked {
	border-bottom: 0;
}
.nav-tabs.nav-stacked>li>a {
	border: 1px solid #ddd;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.nav-tabs.nav-stacked>li:first-child>a {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked>li:last-child>a {
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked>li>a:hover, .nav-tabs.nav-stacked>li>a:focus {
	border-color: #ddd;
	z-index: 2;
}
.nav-pills.nav-stacked>li>a {
	margin-bottom: 3px;
}
.nav-pills.nav-stacked>li:last-child>a {
	margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.nav .dropdown-toggle .caret {
	border-top-color: #0088cc;
	border-bottom-color: #0088cc;
	margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
	border-top-color: #005580;
	border-bottom-color: #005580;
}
.nav-tabs .dropdown-toggle .caret {
	margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
	border-top-color: #555555;
	border-bottom-color: #555555;
}
.nav>.dropdown.active>a:hover, .nav>.dropdown.active>a:focus {
	cursor: pointer;
}
.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {
	color: #ffffff;
	background-color: #999999;
	border-color: #999999;
}
.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
	border-top-color: #ffffff;
	border-bottom-color: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
}
.tabs-stacked .open>a:hover, .tabs-stacked .open>a:focus {
	border-color: #999999;
}
.tabbable {
*zoom:1;
}
.tabbable:before, .tabbable:after {
	display: table;
	content: "";
	line-height: 0;
}
.tabbable:after {
	clear: both;
}
.tab-content {
	overflow: auto;
}
.tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs {
	border-bottom: 0;
}
.tab-content>.tab-pane, .pill-content>.pill-pane {
	display: none;
}
.tab-content>.active, .pill-content>.active {
	display: block;
}
.tabs-below>.nav-tabs {
	border-top: 1px solid #ddd;
}
.tabs-below>.nav-tabs>li {
	margin-top: -1px;
	margin-bottom: 0;
}
.tabs-below>.nav-tabs>li>a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
	border-bottom-color: transparent;
	border-top-color: #ddd;
}
.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus {
	border-color: transparent #ddd #ddd #ddd;
}
.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
	float: none;
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}
.tabs-left>.nav-tabs {
	float: left;
	margin-right: 19px;
	border-right: 1px solid #ddd;
}
.tabs-left>.nav-tabs>li>a {
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
	border-color: #ddd transparent #ddd #ddd;
*border-right-color:#ffffff;
}
.tabs-right>.nav-tabs {
	float: right;
	margin-left: 19px;
	border-left: 1px solid #ddd;
}
.tabs-right>.nav-tabs>li>a {
	margin-left: -1px;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
	border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover, .tabs-right>.nav-tabs .active>a:focus {
	border-color: #ddd #ddd #ddd transparent;
*border-left-color:#ffffff;
}
.nav>.disabled>a {
	color: #999999;
}
.nav>.disabled>a:hover, .nav>.disabled>a:focus {
	text-decoration: none;
	background-color: transparent;
	cursor: default;
}


/* ******************** Modal popup ******************** */

.portfolio-modal .modal-content {
    background-clip: border-box;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    min-height: 100%;
    padding: 100px 0;
    text-align:left;
}

.portfolio-modal .modal-content ol.indent {
    margin-top: 0;
    margin-bottom: 0px;
    margin-left: 40px;
}

.portfolio-modal .modal-content ul li { color:#575757; font-size:17px; margin-left:5px;}

.portfolio-modal .close-modal {
    background-color: transparent;
    cursor: pointer;
    height: 75px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 75px;
}
.portfolio-modal .close-modal:hover {
    opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
    background-color: #222;
    height: 75px;
    margin-left: 35px;
    transform: rotate(45deg);
    width: 1px;
    z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
    background-color: #222;
    height: 75px;
    transform: rotate(90deg);
    width: 1px;
    z-index: 1052;
}
.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}