﻿@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

/* CSS Document */
	
html {height: 100%; margin-bottom: 1px;}
body{font-family:'Roboto', Arial, sans-serif;font-size:15px;color:#fff;font-weight:400;background: #006DAE;}

img{max-width:100%;}
	
body > form #ControlBar_ControlPanel{z-index:2000 !important;}
#ControlBar{z-index:30!important;}
#ControlBar, #ControlBar:before, #ControlBar:after, #ControlBar * {-moz-box-sizing: initial !important; -webkit-box-sizing: initial !important; box-sizing: initial !important;}
#ControlBar a{text-decoration:none;}
#ControlBar_ControlPanel ~ #siteWrapper{margin-top:53px;}


#Body.dnnEditState .mm-page{position:inherit}
/* Page Styles */	


.innerpage #header{}
#pageContent{}
.innerpage #pageContent{}

#mainBanner{padding-bottom: 40px;color: #444;font-weight:300;transition:all 0.5s ease-out 0s;}
#mainBanner img{transition:all 0.5s ease-out 0s;}

#mainBanner .header_links{padding-top:40px;}

#mainMenu .contactHeader{line-height: 33px;text-align: center;background: #010101;color: white;}
#mainMenu .contactHeader .h2{font-size:18px;color:white;}
#mainMenu .contactHeader a, #mainMenu .contactHeader .fa{color:white;text-decoration:none;}
#mainMenu .contactHeader a:hover{text-decoration:underline;}
.s_logo{float:left;overflow:hidden;position:relative;-moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.s_logo>a{display:block;}

.s_header{}
.s_header .s_social{display:inline-block;vertical-align:top;}

.login_nav {display: block;text-align: right;margin-top: 32px;}
.login_nav>div{background: #F16432;
    color: white;
    display: inline;
    padding: 10px;
    border-radius: 3px;
    text-shadow: 0 0 2px black;
    border: solid 1px #FFF;
    box-shadow: 0 0 1px #fff;transition:all 0.7s ease-out 0s;}
.login_nav>div a{text-decoration:none;}
.login_nav>div a:hover{color:black!important;text-shadow:none;}
.innerpage.our.journey #mainContent{background:url(images/backgroundOurJournay.jpg) no-repeat;background-size:cover;background-attachment:fixed;}

#slogan_block{text-align:center;margin:30px 0;}
#slogan_block h1{font-size: 60px;font-weight: 100;margin:0;line-height:1em;}
#slogan_block h2{margin:0;line-height:1em;}


#clientsPane{background:url(images/aboutUs_bg.png) no-repeat; background-size:cover;}

.parallax-window.noContent {background:white!important;padding: 0!important;}

#topPane{overflow:hidden;box-shadow: 0 0 18px #bbb;margin-bottom: 40px;}
.home #topPane{margin-bottom:0;}
#partners_content{margin:40px 0;}
#goToTop_button {opacity: 0;
    -moz-transition: all 0.7s ease-out 0s;
    -o-transition: all 0.7s ease-out 0s;
    -webkit-transition: all 0.7s ease-out 0s;
    transition: all 0.7s ease-out 0s;
    background: rgba(170,170,170,0.6);color: white;padding: 15px;border-radius: 10px;font-size: 24px;position: fixed;
    bottom: 30px;right: 6%;border: solid 3px white;z-index: 20;}
#goToTop_button.visible{opacity:1;}
#goToTop_button.footer {
 position:absolute;
}


/* search header */
#dnn_dnnSEARCH_ClassicSearch{display: inline-block;margin-top: 18px;border: solid 2px #333;padding:0 8px;border-radius: 2px;}
#dnn_dnnSEARCH_ClassicSearch input[type=text]{background: none;border: 0;height: 28px;color:white;outline:0!important;font-weight: 300;}
#dnn_dnnSEARCH_ClassicSearch .dnnSearchBoxClearText{top:0;}
#dnn_dnnSEARCH_ClassicSearch .searchSkinObjectPreview_group{color:white;}
#dnn_dnnSEARCH_ClassicSearch .searchSkinObjectPreview_more{color:#333!important;}
.dnnSearchResultItem-Others{display:none;}

/* language control*/
.language-object{margin-top:10px;max-height:100px;transition:all 0.5s ease-out 0s;text-transform:uppercase;}

/* Scrolled Window */
#Body.scrolled #mainBanner{}
#Body.scrolled #mainBanner img{height:60px;}
#header.scrolled + #pageContent{}

#Body.scrolled #mainBanner .contact_list,
#Body.scrolled #mainBanner .language-object{max-height: 0;overflow: hidden;margin-top: 0;}

/* content centering styles */

#footer{background: #fff;color:#1c1c1c;padding:40px 0 20px;
        background-size:cover;}

#footer .DNNContainer_noTitle{}
#footer, #footer .NormalTextBox, #footer td, #footer p, #footer .Normal, #footer .NormalDisabled, #footer .NormalBold,
#footer a {color: #1c1c1c;font-size: 0.95em;font-weight: 300;}

#footer a{-moz-transition: all 0.5s ease-out 0s;
		  -o-transition: all 0.5s ease-out 0s;
		  -webkit-transition: all 0.5s ease-out 0s;
		  transition: all 0.5s ease-out 0s;}
#footer a:hover{text-shadow: 0 0 3px #1c1c1c;}


#footer .DNNContainer_noTitle .glyphicon{font-size:30px;padding-bottom:20px;-moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
#footer .DNNContainer_noTitle a:hover span.glyphicon{font-size: 34px;}

#footer .link_margin{float: right;}
#footer .link_margin a{font-size: 10px;color:#aaa}

#footer .footer_links{font-size:13px;float:left;}

#footer .fa{font-size:24px;}

/* BootStrap */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{}
.container{}
.row {}
.w_40{}
.w_50{}
.w_60{}

.mark, mark{background:none!important;}

#mainBanner .fa-inverse {color: #006dae;}
#mainBanner a.fa-stack.fa-stack-3x{width:3em;height:3em;line-height:3em;}
#mainBanner a.fa-stack.fa-stack-3x .fa-inverse.fa-stack-2x{line-height:1.5em;}

/* DotNetNuke Styles */
.dnnGrid td, .dnnGrid th {-moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; box-sizing: content-box!important;}
.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active{height:auto!important;}
.dnnForm input.dnnFormRequired{border-left: 5px solid #2C9DC9 !important;}


.dnnFormItem input[type="text"]:active, .dnnFormItem input[type="text"]:focus, .dnnFormItem input[type="password"]:focus, .dnnFormItem input[type="password"]:active, .dnnFormItem input[type="email"]:active, .dnnFormItem input[type="email"]:focus, .dnnFormItem select:active, .dnnFormItem select:focus, .dnnFormItem textarea:active, .dnnFormItem textarea:focus, .dnnFormItem input[type="search"]:active, .dnnFormItem input[type="search"]:focus{box-shadow:none;outline:none;}

/* Panes */
.DNNEmptyPane {width: 0;padding:0 !important;margin:0 !important;}
.white_Background{background:white;padding:45px 45px 0;margin-bottom:50px;margin-top: -35px;}
.white_Background.noContent{padding:0;margin:0;height:0;}
#Body.dnnEditState .white_Background.noContent{padding:45px 45px 0;margin-bottom:50px;margin-top: -35px;}


#mainContent{position:relative;margin-bottom:70px;border-bottom:solid 1px #fff;}
#mainContent .col-md-3.smartCentered{left:-4.166666666%;}
#footer .col-md-3.smartCentered{left:-4.166666666%;}


/* Headers and Subheaders */
.Head {color: #F16432;font-weight:bold;}
.SubHead {color: #F16432;}


h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6{color: #fff;font-weight: 300;line-height: 1.3em;margin: 0;padding: 5px 0;font-family:'Roboto', Arial;}
h1 {font-size: 40px;}
h2 {font-size: 33px;}
h3 {font-size: 27px;}
h4 {font-size: 23px;}
h5 {font-size: 20px;font-weight: 400;line-height: 1em;}
h6 {font-size: 18px;font-weight: 400;line-height: 1em;}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, 
.h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em{color: #F16432;font-style:normal;}
h3.subtitle{font-size:25px;margin-top: 0;padding: 0;}

h1.header, h1.header span{margin: 15px 0 0;padding: 0;font-weight: 400;font-size: 25px;color: #010101;line-height: 1em;}
h2.header, h2.header span{margin: 0;padding: 0;font-weight: 400;font-size:16px;}

h2#inscripcions2_btn, h2#inscripcions_btn{font-size:22px;}

/* Icons */

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


/* Links */
a, a:link, a:active, a:visited {color: #fff;transition:all 0.4s ease-out 0s;text-decoration:none;}
a:hover {color: #2C9DC9;}

/* Font and Color Styles */

Body, .NormalTextBox, td, p, .Normal, .NormalDisabled, .NormalBold {color: #fff;line-height:1.5em;font-size:17px;font-family:'Roboto', Arial;font-weight:400;}

.white_Background, .white_Background .NormalTextBox, .white_Background td, .white_Background p, .white_Background .Normal, .white_Background .NormalDisabled, .white_Background .NormalBold,
.white_Background a, .white_Background h1, .white_Background h2, .white_Background h3, .white_Background h4, .white_Background h5, .white_Background h6 {color: #006dae;font-weight: 400;font-size:16px;}


p {margin: 5px 0;}

.l_text{font-size:22px;}

.light_text,
.white_text, .text-white{color:white;}

.text-green{color:#1c1c1c;}
.text-black{color:#010101;}

#strapline, .strapline{text-align:center;padding:5% 0;}
#strapline h1, .strapline h1{font-size: 70px;font-weight: bold;color: white;text-transform:uppercase;}
#strapline h1 span, .strapline h1 span{font-size:58px;font-weight:600;}

#strapline h2, .strapline h2{font-size: 50px;font-weight: bold;color: white;text-transform:uppercase;}
#strapline h2 span, .strapline h2 span{font-size:38px;font-weight:600;}

.no-margin{margin: 0;}

.dinAlt{font-family:'Roboto';}

.xxs-text{font-size:11px;}
.xs-text{font-size:13px;}
.s-text{font-size:15px;}
.l-text{font-size:17px;}
.xl-text{font-size:19px;}
.xxl-text {font-size: 21px;}

/* Tables */
.s_table{width:100%;}
.s_table tr:nth-child(2n+1){background:rgba(0, 0, 0, 0.1);}
.s_table th{padding:7px;}
.s_table td{vertical-align:middle;font-size:12px;padding:7px;}

/* Lists */
ul, ol {list-style:initial;}
li, ul li {}

ul.checklist{display:inline-block;}
ul.checklist li{list-style:none;position:relative;margin-bottom:10px;}
ul.checklist li:before{content:"\f00c";font-family:"FontAwesome";color:#fff;position: absolute;left: -20px;}


/* Banner icon */
.g-hr {position: relative;font-size: 0;text-align: center;height: 24px;margin: 2% 0;width: 100%;padding: 2px 0;overflow: hidden;clear: both;}
.g-hr-h:before, .g-hr-h:after, .g-btn.color_default, .w-icon.color_border.with_circle .w-icon-link {background-color: #CACACA;}
.g-hr-h:before {left: -13px;margin-left: -50%;}
.g-hr-h:after {left: 13px;margin-right: -50%;}
.g-hr-h:before, .g-hr-h:after {display: inline-block;content: "";height: 1px;width: 50%;margin-top: 9px;vertical-align: top;position: relative;background-color: #CACACA;}
.g-hr-h em {font-size: 20px;line-height: 20px;height: 20px;width: 20px;vertical-align: top;text-align: center;color: #CACACA;}

/* Icons */
.w-iconbox-link-top{text-align:center;display:block;}
.w-iconbox-link-top .w-iconbox-icon{display:inline-block;position:relative;}
.w-iconbox-icon{border-radius: 50%;background-color: #2C9DC9;color: #fff!important;font-size: 40px;width: 100px;height: 100px;line-height: 100px;
                transition:all 0.3s ease-out 0s;}
/*.w-iconbox.with_circle .w-iconbox-link-top:hover .w-iconbox-icon{background-color:#444;}*/

.w-iconbox.with_circle .w-iconbox-icon:after {display: block;content: '';position: absolute;left: -5px;top: -5px;padding: 5px;height: 110%;
    width: 110%;border-radius: 50%;opacity: 0;transform: scale(0.8);-webkit-transition: opacity 0.3s;transition: transform 0.3s,opacity 0.3s;box-shadow: 0 0 0 3px #2C9DC9;}
.w-iconbox.with_circle a.w-iconbox-link-top:hover .w-iconbox-icon:after {opacity: 1;transform: scale(1);}



/* Buttons */

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background-color:#1c1c1c!important;}

.btn-primary, a.btn-primary, a.btn-primary:link, a.btn-primary:active,a.btn-primary:visited,
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color:#fff;text-decoration:none;background-color: #1c1c1c!important;border-color:#1c1c1c!important;}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {color: White;background: #1c1c1c;border: 0;box-shadow: 0 0 2px #333;-moz-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s;}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover{background: #1C1C1C;}
.dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, 
ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span{background: #dedede;border: 0;box-shadow: 0 0 2px #333;color: #4A4848;-moz-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; transition:all 0.4s ease-out 0s;}
.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, 
a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover{background:#fefefe;}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn.btn-green{color:white;background:#1c1c1c;}
.btn.btn-large{font-size:30px;margin: 10px 0;}
.lg-btn{font-size: 25px;margin: 15px 0 0;padding: 13px;}


/* Containers */
.c_DNN{margin-bottom:40px;}
.c_DNN_Header{}

.c_DNN_Header .Title{position:relative;margin:0;margin-left: 40px;}
.white_Background .c_DNN_Header .Title{font-size: 22px;margin: 0;}
.c_DNN_Header .Title .fa{color: #1c1c1c;position: absolute;left: -50px;top: 12px;width: 40px;text-align: right;}
.c_DNN.c_DNN_Centered{text-align:center;}
.c_DNN_Centered h2.Title {text-align:center;}

#footer .c_DNN_Header h2.Title, #footer .c_DNN_Header h2.Title span {color:white;font-size:16px;}


/* Formularis */
.white_Background .dnnFormItem input[type="text"], 
.white_Background .dnnFormItem input[type="password"], 
.white_Background .dnnFormItem input[type="email"], 
.white_Background .dnnFormItem input[type="tel"], 
.white_Background .dnnFormItem select, 
.white_Background .dnnFormItem textarea{width:100%;}


/* Video Container */
.video-container{background: white;text-align: center;position:relative;}
.video-container .edit_item{position:absolute;top:2px;left:6px;}
.video-container .video-info{background:#006DAE;padding: 10px 0;border: solid 1px white;}
.video-container iframe{width: 100%;}

/* -------
Media Queries
---------*/
	
/* #Tablet (Portrait)
------------------- */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 1601px){
   
}
@media only screen and (max-width: 1600px){
    
}

@media only screen and (max-width: 1600px){
   
}

@media only screen and (max-width: 1200px){
  
}
@media only screen and (max-width: 992px){

}


/*  #Mobile (Portrait)
------------------- */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) 
{
    

}

/* #Mobile (Landscape)
------------------- */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) 
{
    
}


@media only screen and (max-width: 480px)
{
	#mainBanner .header_links {padding-top: 0px;}
}


/* You can also use a <br class="clear" /> to clear columns */
.clear, .clr, .clear_float {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}