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

/* 5 Column layout */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

/* Remove Gutter */
.gutter-0.row {
	margin-right: 0;
	margin-left: 0;
}

.gutter-0 > [class^="col-"],
.gutter-0 > [class^=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

.gutter-20.row {
	margin-right: -0.625em;
	margin-left: -0.625em;
}

.gutter-20 > [class^="col-"],
.gutter-20 > [class^=" col-"] {
	padding-right: 0.625em;
	padding-left: 0.625em;
}

/* Extra Row margin on the top */
.rowtop {
	margin-top: 1.25em;
}

.rowtop-lg {
	margin-top: 2em;
}

/* Grey background container */
.container-fluid {
	padding-right: 0;
    padding-left: 0;
}

.container-fluid.section-grey {
	background: rgba(0, 0, 0, 0.03);
}

.container-fluid.section-grey .nav-tabs>li.active>a,
.container-fluid.section-grey .nav-tabs>li.active>a:focus,
.container-fluid.section-grey .nav-tabs>li.active>a:hover {
	background: rgb(247, 247, 247);
}

.container-fluid.fullwidth {
	padding-right: 0;
    padding-left: 0;
	border-top: 30px solid rgb(247, 247, 247);
    border-bottom: 30px solid rgba(255, 255, 255, 0);
}


/* --------- Text --------- */

h1,
h2,
h3,
h4,
h5,
h6,
lead {
	font-family: 'Oswald', sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2 {
	text-transform: uppercase;
	color: rgb(64, 64, 64);
	/* толщину изменил 17.10.2022 по просьбе клиента */
    font-weight: 700;
}

h3 {
	margin-top: 40px;
}

lead,
.lead {
	font-weight: 300;
	font-size: 1.5em;
	font-family: 'Open Sans', serif;
	margin-bottom: 1.3em;
	display: inline-block;
}

p,
div {
	font-family: 'Open Sans', serif;
	-webkit-font-smoothing: antialiased;
}

p {
	font-size: 1em;
}

a:focus,
a:hover,
a:active {
	text-decoration: none;
	color: rgb(64, 64, 64);
}

.fadein {
	opacity: 0;
}

/* --------- Buttons --------- */

.btn-action {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	background-color: rgb(51, 51, 51);
	color: rgba(255, 255, 255, 0.9);
	border-radius: 0;
}

	.btn-action.fullwidth {
		width: 100%;
	}

	.btn-action:hover,
	.btn-action:focus {
		color: rgb(255, 255, 255);
	}

	.btn-form:hover {
		background-color: rgb(255, 255, 255);
	}

.btn-default {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	border: 0;
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}


/* --------- Other --------- */

hr {
	border-top: 1px solid rgba(51, 51, 51, 0.25);
}

.alert {
	margin-top: 30px;
}

.img-round {
	border-radius: 2%;
}

.ccel-logo {
	height: auto;
    width: 50px;
}

#languagealert {
    margin: 3em 1em 0 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #333;
    background-color: rgba(255, 255, 255, 1);
    border-color: #777;
}
    #languagealert .alert-link {
        padding-left: .5em;
    }

.languagebubble{
	display: none;
    position: absolute;
    padding: 8px;
    top: 59px;
    z-index: 3;
    width: 100%;
    background: rgb(255, 255, 255);
    text-align: center;
}
.languagebubble a{
	padding-left:10px;
}

.visuallyhidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

.fc-event {
    border: 1px solid #3a87ad;
    background-color: #2d7ec0;
}

.note {
    padding-top: 1.5em;
}

/* --------- Nav --------- */

.navbar-brand {
	float: left;
	height: 57px;
}

.navbar {
	margin-bottom: 0;/*opacity:0;*/
}

.navbar-default .navbar-nav>li>a.index-contact {
	color: #FFFFFF;
	/*background-color: rgb(45, 126, 192);*/
	background-color: rgb(90, 4, 13);
}

/* .navbar-default .navbar-nav>li>a {
     color: #E7E7E7;
    -webkit-font-smoothing: antialiased;
} */

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
        color: #FFFFFF;
    background-color: rgb(90, 4, 13);
}

.navbar-default .navbar-nav>li>a {
    color: #c9c9c9;
}

.navbar-default .navbar-nav>li>a:hover{color:#fff;}
.navbar-nav>li>a {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 300;
	padding: 1.1em .8em;
}

.navbar-default {
	/*background-color: #434343;*/
	background-color: #1b1b1b;
	border-color: transparent;
	border: 0;
	/*border-bottom: 2px solid #434343;*/
	border-bottom: 2px solid #1b1b1b;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.navbar .dropdown-menu {
	background-color: #E7E7E7;
	border: 0;
}

.navbar .dropdown-menu .divider {
	background-color: rgba(0, 0, 0, 0.08);
}

.navbar .dropdown-menu>.active>a,
.navbar .dropdown-menu>.active>a:focus,
.navbar .dropdown-menu>.active>a:hover {
	color: #333;
	background-color: rgba(0, 0, 0, 0.08);
}

.nav-tabs {
	margin-bottom: 2em;
	border-bottom: 2px solid #ddd;
}

.nav-tabs>li {
    margin-bottom: -2px;
}

.nav-tabs>li>a {
	border: 2px solid transparent;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #555;
	border: 2px solid #ddd;
	border-bottom-color: transparent;
}



/* --------- SubNav --------- */

#subnav.container {
	padding: 0;
}
	#subnav a {
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		font-size: 1.4em;
		text-align: center;
		line-height: 1.6em;
		margin: 0;
		padding: 1em;
		width: 100%;
		background-color: rgb(242, 242, 242);
		position: relative;
		opacity: .7;
		display: block;
		text-align: left;
		color: #191919;
	}
	
	#subnav a.active {
		background-color: transparent;
		opacity: .9;
	}
	
	#subnav a .glyphicon {
		padding-right: .5em;
	}


	#subnav a.active .glyphicon.glyphicon-heart, #subnav a.active .glyphicon.glyphicon-file, #subnav a.active .glyphicon.glyphicon-usd, #subnav a.active .glyphicon.glyphicon-calendar, #subnav a.active .glyphicon.glyphicon-plane, #subnav a.active .glyphicon.glyphicon-th-list {
		color: rgb(45, 126, 192);
	}
	
	#subnav a.active .glyphicon.glyphicon-education {
		color: rgb(38, 186, 242);
	}
	
	#subnav a.active .glyphicon.glyphicon-ok {
		color: rgb(117, 195, 119);
	}
	
	#subnav a.active .glyphicon.glyphicon-briefcase {
		color: rgb(121,79,109);
	}
	
	#subnav a:hover {
		opacity: .9;
	}


/* --------- Map --------- */

.map-overlay {
	background: transparent;
	position: relative;
	width: 100%;
	height: 450px; /* your iframe height */
	top: 450px;  /* your iframe height */
	margin-top: -450px;  /* your iframe height */
}


/* --------- Pages --------- */

.section-header {
	/*color: rgb(45, 126, 192);*/
	color: rgb(90, 4, 13);
}

#index {
}

	#index .btn-action {
		color: rgb(255, 255, 255);
		/*background-color: rgb(45, 126, 192);*/
		/* background-color: rgb(90, 4, 13); */
		/* изменил цвет по простьбе заказчика 17.10.2022*/
		background-color: #b2043e;
		border-radius: 4px;
	}
	
	#index .nav-tabs>li>a {
		color: rgb(45, 126, 192);
	}
	
	#index .nav-tabs>li.active>a {
		color: #555;
	}

#business {
}
	#business .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(73, 93, 110);
	}
	
	#business .section-header {
		color: rgb(73, 93, 110);
	}
	
	#business .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(73, 93, 110);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#business .nav-tabs>li>a {
		color: rgb(73, 93, 110);
	}
	
	#business .nav-tabs>li.active>a {
		color: #555;
	}
	
	#business #block-askexpert .form-group .btn-form {
		background-color: rgb(73, 93, 110);
	}
	
	#business .logobox.text {
		border-color: rgb(73, 93, 110);
	}

    #business .logobox.text:after {
        border-left: 18px solid rgb(73, 93, 110);
    }

    #business .logobox:hover {
        background: rgba(73, 93, 110, 0.09) !important;
    }

    #business #block-level .months.study {
        border-color: rgb(73, 93, 110);
        background-color: rgba(73, 93, 110, 0.1);
    }

    #business #block-level .months.coop {
        border-color: rgba(73, 93, 110, 1);
        background-color: rgba(73, 93, 110, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(73, 93, 110, 0.05) 10px, rgba(73, 93, 110, 0.05) 20px );
    }

    #business .block-info .cloud li {
        border-color: rgba(73, 93, 110, 1);
        background-color: rgba(73, 93, 110, 0.05);
    }


.noabs a{
	position: inherit !important;
    bottom: 0 !important;
}

#generalarts {
}
	#generalarts .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(121, 160, 165);
	}
	
	#generalarts .section-header {
		color: rgb(121, 160, 165);
	}
	
	#generalarts .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(121, 160, 165);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#generalarts .nav-tabs>li>a {
		color: rgb(121, 160, 165);
	}
	
	#generalarts .nav-tabs>li.active>a {
		color: #555;
	}
	
	#generalarts #block-askexpert .form-group .btn-form {
		background-color: rgb(121, 160, 165);
	}
	
	#generalarts .logobox.text {
		border-color: rgb(121, 160, 165);
	}

    #generalarts .logobox.text:after {
        border-left: 18px solid rgb(121, 160, 165);
    }

    #generalarts .logobox:hover {
        background: rgba(121, 160, 165, 0.09) !important;
    }

    #generalarts #block-level .months.study {
        border-color: rgb(121, 160, 165);
        background-color: rgba(121, 160, 165, 0.1);
    }

    #generalarts #block-level .months.coop {
        border-color: rgba(121, 160, 165, 1);
        background-color: rgba(121, 160, 165, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(121, 160, 165, 0.05) 10px, rgba(121, 160, 165, 0.05) 20px );
    }

    #generalarts .block-info .cloud li {
        border-color: rgba(121, 160, 165, 1);
        background-color: rgba(121, 160, 165, 0.05);
    }


#logistics {
}
	#logistics .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(39, 143, 114);
	}
	
	#logistics .section-header {
		color: rgb(39, 143, 114);
	}
	
	#logistics .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(39, 143, 114);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#logistics .nav-tabs>li>a {
		color: rgb(39, 143, 114);
	}
	
	#logistics .nav-tabs>li.active>a {
		color: #555;
	}
	
	#logistics #block-askexpert .form-group .btn-form {
		background-color: rgb(39, 143, 114);
	}
	
	#logistics .logobox.text {
		border-color: rgb(39, 143, 114);
	}

    #logistics .logobox.text:after {
        border-left: 18px solid rgb(39, 143, 114);
    }

    #logistics .logobox:hover {
        background: rgba(39, 143, 114, 0.09) !important;
    }

    #logistics #block-level .months.study {
        border-color: rgb(39, 143, 114);
        background-color: rgba(39, 143, 114, 0.1);
    }

    #logistics #block-level .months.coop {
        border-color: rgba(39, 143, 114, 1);
        background-color: rgba(39, 143, 114, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(39, 143, 114, 0.05) 10px, rgba(39, 143, 114, 0.05) 20px );
    }

    #logistics .block-info .cloud li {
        border-color: rgba(39, 143, 114, 1);
        background-color: rgba(39, 143, 114, 0.05);
    }




#hospitality {
}
	#hospitality .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(157, 89, 91);
	}

	#hospitality .section-header {
		color: rgb(157, 89, 91);
	}
	
	#hospitality .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(157, 89, 91);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#hospitality .nav-tabs>li>a {
		color: rgb(157, 89, 91);
	}
	
	#hospitality .nav-tabs>li.active>a {
		color: #555;
	}
	
	#hospitality #block-askexpert .form-group .btn-form {
		background-color: rgb(157, 89, 91);
	}
	
	#hospitality .logobox.text {
		border-color: rgb(157, 89, 91);
	}

    #hospitality .logobox.text:after {
        border-left: 18px solid rgb(157, 89, 91);
    }

    #hospitality .logobox:hover {
        background: rgba(157, 89, 91, 0.09) !important;
    }

    #hospitality #block-level .months.study {
        border-color: rgb(157, 89, 91);
        background-color: rgba(157, 89, 91, 0.1);
    }

    #hospitality #block-level .months.coop {
        border-color: rgba(157, 89, 91, 1);
        background-color: rgba(157, 89, 91, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(157, 89, 91, 0.05) 10px, rgba(157, 89, 91, 0.05) 20px );
    }

    #hospitality .block-info .cloud li {
        border-color: rgba(157, 89, 91, 1);
        background-color: rgba(157, 89, 91, 0.05);
    }




#trade {
}
	#trade .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(69, 82, 125);
	}

	#trade .section-header {
		color: rgb(69, 82, 125);
	}
	
	#trade .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(69, 82, 125);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#trade .nav-tabs>li>a {
		color: rgb(69, 82, 125);
	}
	
	#trade .nav-tabs>li.active>a {
		color: #555;
	}
	
	#trade #block-askexpert .form-group .btn-form {
		background-color: rgb(69, 82, 125);
	}
	
	#trade .logobox.text {
		border-color: rgb(69, 82, 125);
	}

    #trade .logobox.text:after {
        border-left: 18px solid rgb(69, 82, 125);
    }

    #trade .logobox:hover {
        background: rgba(69, 82, 125, 0.09) !important;
    }

    #trade #block-level .months.study {
        border-color: rgb(69, 82, 125);
        background-color: rgba(69, 82, 125, 0.1);
    }

    #trade #block-level .months.coop {
        border-color: rgba(69, 82, 125, 1);
        background-color: rgba(69, 82, 125, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(69, 82, 125, 0.05) 10px, rgba(69, 82, 125, 0.05) 20px );
    }

    #trade .block-info .cloud li {
        border-color: rgba(69, 82, 125, 1);
        background-color: rgba(69, 82, 125, 0.05);
    }




#project {
}
	#project .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(226, 102, 94);
	}

	#project .section-header {
		color: rgb(226, 102, 94);
	}
	
	#project .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(226, 102, 94);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#project .nav-tabs>li>a {
		color: rgb(226, 102, 94);
	}
	
	#project .nav-tabs>li.active>a {
		color: #555;
	}
	
	#project #block-askexpert .form-group .btn-form {
		background-color: rgb(226, 102, 94);
	}
	
	#project .logobox.text {
		border-color: rgb(226, 102, 94);
	}

    #project .logobox.text:after {
        border-left: 18px solid rgb(226, 102, 94);
    }

    #project .logobox:hover {
        background: rgba(226, 102, 94, 0.09) !important;
    }

    #project #block-level .months.study {
        border-color: rgb(226, 102, 94);
        background-color: rgba(226, 102, 94, 0.1);
    }

    #project #block-level .months.coop {
        border-color: rgba(226, 102, 94, 1);
        background-color: rgba(226, 102, 94, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(226, 102, 94, 0.05) 10px, rgba(226, 102, 94, 0.05) 20px );
    }

    #project .block-info .cloud li {
        border-color: rgba(226, 102, 94, 1);
        background-color: rgba(226, 102, 94, 0.05);
    }




#it {
}
	#it .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(19, 188, 250);
	}

	#it .section-header {
		color: rgb(19, 188, 250);
	}
	
	#it .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(19, 188, 250);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#it .nav-tabs>li>a {
		color: rgb(19, 188, 250);
	}
	
	#it .nav-tabs>li.active>a {
		color: #555;
	}
	
	#it #block-askexpert .form-group .btn-form {
		background-color: rgb(19, 188, 250);
	}
	
	#it .logobox.text {
		border-color: rgb(19, 188, 250);
	}

    #it .logobox.text:after {
        border-left: 18px solid rgb(19, 188, 250);
    }

    #it .logobox:hover {
        background: rgba(19, 188, 250, 0.09) !important;
    }

    #it #block-level .months.study {
        border-color: rgb(19, 188, 250);
        background-color: rgba(19, 188, 250, 0.1);
    }

    #it #block-level .months.coop {
        border-color: rgba(19, 188, 250, 1);
        background-color: rgba(19, 188, 250, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(19, 188, 250, 0.05) 10px, rgba(19, 188, 250, 0.05) 20px );
    }

    #it .block-info .cloud li {
        border-color: rgba(19, 188, 250, 1);
        background-color: rgba(19, 188, 250, 0.05);
    }




#social {
}
	#social .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(249, 156, 58);
	}

	#social .section-header {
		color: rgb(249, 156, 58);
	}
	
	#social .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(249, 156, 58);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#social .nav-tabs>li>a {
		color: rgb(249, 156, 58);
	}
	
	#social .nav-tabs>li.active>a {
		color: #555;
	}
	
	#social #block-askexpert .form-group .btn-form {
		background-color: rgb(249, 156, 58);
	}
	
	#social .logobox.text {
		border-color: rgb(249, 156, 58);
	}

    #social .logobox.text:after {
        border-left: 18px solid rgb(249, 156, 58);
    }

    #social .logobox:hover {
        background: rgba(249, 156, 58, 0.09) !important;
    }

    #social #block-level .months.study {
        border-color: rgb(249, 156, 58);
        background-color: rgba(249, 156, 58, 0.1);
    }

    #social #block-level .months.coop {
        border-color: rgba(249, 156, 58, 1);
        background-color: rgba(249, 156, 58, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(249, 156, 58, 0.05) 10px, rgba(249, 156, 58, 0.05) 20px );
    }

    #social .block-info .cloud li {
        border-color: rgba(249, 156, 58, 1);
        background-color: rgba(249, 156, 58, 0.05);
    }




#health {
}
	#health .navbar-default .navbar-nav>li>a.index-contact {
		background-color: rgb(0, 113, 176);
	}

	#health .section-header {
		color: rgb(0, 113, 176);
	}
	
	#health .btn-action {
		color: rgb(255, 255, 255);
		background-color: rgb(0, 113, 176);
		margin-bottom: 1em;
		border-radius: .25em;
	}
	
	#health .nav-tabs>li>a {
		color: rgb(0, 113, 176);
	}
	
	#health .nav-tabs>li.active>a {
		color: #555;
	}
	
	#health #block-askexpert .form-group .btn-form {
		background-color: rgb(0, 113, 176);
	}
	
	#health .logobox.text {
		border-color: rgb(0, 113, 176);
	}

    #health .logobox.text:after {
        border-left: 18px solid rgb(0, 113, 176);
    }

    #health .logobox:hover {
        background: rgba(0, 113, 176, 0.09) !important;
    }

    #health #block-level .months.study {
        border-color: rgb(0, 113, 176);
        background-color: rgba(0, 113, 176, 0.1);
    }

    #health #block-level .months.coop {
        border-color: rgba(0, 113, 176, 1);
        background-color: rgba(0, 113, 176, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgba(0, 113, 176, 0.05) 10px, rgba(0, 113, 176, 0.05) 20px );
    }

    #health .block-info .cloud li {
        border-color: rgba(0, 113, 176, 1);
        background-color: rgba(0, 113, 176, 0.05);
    }


#staff {
}

	#staff .nav-tabs>li>a {
		color: rgb(45, 126, 192);
	}
	
	#staff .nav-tabs>li.active>a {
		color: #555;
	}

#smrtenglish {
}

	#smrtenglish .nav-tabs>li>a {
		color: rgb(45, 126, 192);
	}
	
	#smrtenglish .nav-tabs>li.active>a {
		color: #555;
	}

#activities {
}

	#activities .nav-tabs>li>a {
		color: rgb(45, 126, 192);
	}
	
	#activities .nav-tabs>li.active>a {
		color: #555;
	}


/* --------- Common Page Elements ---------  */

.greyback {
	background-color: rgba(0, 0, 0, 0.76);
	z-index: -1;
	margin-top: 30px;
}

/* Page Backgrounds */
.bg {
	position: relative;
	image-rendering: -webkit-optimize-contrast;
	background-size: cover;
}

.bg .fade {
	position: absolute;
	height: 100%;
	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;
}

	.bg .fade.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;
	}
	
	.bg .fade.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;
	}

.bg.sm {
	height: 57px;
}


.container.content-block {
	margin-top: 50px;
	margin-bottom: 70px;
}

#index .huge {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: center;
	line-height: 1.6em;
	margin: 0;
	padding: 28px 1em;
	width: 100%;
	color: #191919;
	background-color: rgb(242, 242, 242);
	position: relative;
	opacity: .8;
	display: block;
	border-radius: 0.5em;
}

	#index .huge .glyphicon {
		padding-bottom: .2em;
		display: block;
		font-size: 2.3em;
		color: #191919;
	}


	#index .huge:hover .glyphicon.glyphicon-briefcase {
		color: rgb(73, 93, 110);
	}
	#index .huge:hover .glyphicon.glyphicon-bed {
		color: rgb(157, 89, 91);
	}
	#index .huge:hover .glyphicon.glyphicon-globe {
		color: rgb(69, 82, 125);
	}
	#index .huge:hover .glyphicon.glyphicon-stats {
		color: rgb(226, 102, 94);
	}
	#index .huge:hover .glyphicon.glyphicon-hdd {
		color: rgb(19, 188, 250);
	}
	#index .huge:hover .glyphicon.glyphicon-comment {
		color: rgb(249, 156, 58);
	}
	#index .huge:hover .glyphicon.glyphicon-plane {
		color: rgb(39, 143, 114);
	}
	#index .huge:hover .glyphicon.glyphicon-education {
		color: rgb(121, 160, 165);
	}
	#index .huge:hover .glyphicon.glyphicon-apple {
		color: rgb(0, 113, 176);
	}

	#index .huge:hover {
		opacity: .9;
	}



#index .academic {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	text-align: center;
	line-height: 1.6em;
	margin-top: 0;
	margin-bottom: 1.3em;
	width: 100%;
	background-color: rgb(242, 242, 242);
	position: relative;
	opacity: .7;
	display: block;
	border-radius: 0.5em;
	
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(235,235,235,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=1 );
}
	#index .academic:hover {
		opacity: .9;
	}
	#index .academic .logo {
		width: 80%;
	}


.logobox {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	text-align: center;
	line-height: 1.6em;
	margin-top: 1em;
	width: 100%;
	background-color: rgb(242, 242, 242);
	position: relative;
	opacity: .7;
	display: block;
	border-radius: 0.5em;
	
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(246,246,246,1)), color-stop(100%, rgba(235,235,235,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 50%, rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=1 );
}
	.logobox .logo {
		width: 80%;
	}

	.logobox:hover {
		opacity: .9;
        background: rgba(134, 96, 123, 0.09) !important;
	}

    .logobox.text {
        text-transform: none;
        color: #000;
        text-align: left;
        padding: 1em 2em 1em 1em;
        border-color: rgba(121,79,109, 1);
        border-width: .2em;
        border-style: solid;
        background: rgb(255, 255, 255);
        
    }
        .logobox.text:after {
            width: 0;
            height: 0;
            content: "";
            border-top: 30px solid transparent;
            border-bottom: 30px solid transparent;
            border-left: 18px solid #794f6d;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 93%;
        }

        .logobox.text h3 {
            margin-top: 0;
            font-family: 'Open Sans', serif;
            line-height: 1.4em;
            font-weight: 600;
            font-size: 1.3em;
        }

        .logobox.text ul {
            font-family: 'Open Sans', serif;
        }


.only {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	height: 12.54em;
	font-weight: 300;
	text-align: center;
	background-color: rgb(242, 242, 242);
	position: relative;
	image-rendering: -webkit-optimize-contrast;
}

	.only {
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	

	
	.only a {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: rgba(255, 255, 255, 0.95);
		background-color: rgba(0, 0, 0, 0.50);
		text-transform: capitalize;
		font-size: 1em;
		padding: .5em;
		font-weight: 400;
		font-family: 'Open Sans', serif;
	}

.only-text {
	font-size: 1em;
	/*height: 13.5em;*/
	position: relative;
	padding: 1em;
}

	.only-text h1 {
		padding-bottom: .4em;
		margin: 0;
	}
	
	.only-text a {
		font-size: .9em;
		text-transform: capitalize;
		display: block;
		position: absolute;
		bottom: .8em;
	}


.square-photo3 {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	text-align: center;
	line-height: 1.6em;
	height: 25.86em;
	width: 100%;
	background-color: rgb(242, 242, 242);
	position: relative;
	image-rendering: -webkit-optimize-contrast;
	-webkit-filter: grayscale(20%);
}

	.square-photo3.int.photo01 {
		background: url('http://canadiancollege.com/img/intensive-photo-01.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.square-photo3.int.photo02 {
		background: url('http://canadiancollege.com/img/intensive-photo-02.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.square-photo3.int.photo03 {
		background: url('http://canadiancollege.com/img/intensive-photo-03.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.square-photo3.uni.photo01 {
		background: url('http://canadiancollege.com/img/uni-photo-01.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.square-photo3.uni.photo02 {
		background: url('http://canadiancollege.com/img/uni-photo-02.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.square-photo3.uni.photo03 {
		background: url('http://canadiancollege.com/img/uni-photo-03.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.square-photo3.bus.photo01 {
		background: url('http://canadiancollege.com/img/bus-photo-01.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.square-photo3.bus.photo02 {
		background: url('http://canadiancollege.com/img/bus-photo-02.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.square-photo3.bus.photo03 {
		background: url('http://canadiancollege.com/img/bus-photo-03.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.square-photo3.exa.photo01 {
		background: url('http://canadiancollege.com/img/exa-photo-01.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.square-photo3.exa.photo02 {
		background: url('http://canadiancollege.com/img/exa-photo-02.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.square-photo3.exa.photo03 {
		background: url('http://canadiancollege.com/img/exa-photo-03.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}


.square-50 {
	font-family: 'Oswald', sans-serif;
	font-size: 1em;
	text-align: center;
	line-height: 1.6em;
	height: 25.86em;
	width: 100%;
	background-color: rgb(242, 242, 242);
	position: relative;
	image-rendering: -webkit-optimize-contrast;
	border-radius: 0.5em;
}

	.square-50.perevody {
		background: url('../../upload/uslugi-perevodov.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.square-50.slc {
		background: url('../img/shengen-visa.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.square-50.eap {
		background: url('http://canadiancollege.com/img/index-eap.jpg') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}

	.square-50 .h1 {
		font-family: 'Open Sans', serif;
		color: #fff;
		text-transform: capitalize;
		font-weight: 400;
		font-size: 1.5em;
		margin: .5em 0 .2em 0;
	}
	
	.square-50 .container {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		color: rgba(255, 255, 255, 0.95);
		background-color: rgba(0, 0, 0, 0.50);
		font-size: 1em;
		font-weight: 300;
		line-height: 1.5em;
		text-transform: capitalize;
		height: 50%;
		border-radius: 0 0 0.5em 0.5em;
	}
	
	.square-50 .btn {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 1.3em 33%;
		width: 34%;
	}

.index-square {
	font-size: 1em;
}

	.index-square .title {
		font-weight: 300;
		padding: .5em;
		font-size: 1em;
	}



/* --------- Block Default --------- */
	
.block-inside {
	padding: 0 20px 10px 20px;
	background-color: rgb(249, 249, 249);
	border: solid 2px;
	border-radius: 4px;
}

	.block-inside h3 {
		margin-top: 20px;
	}
	
	.block-inside h4.loading {
		font-size: 43px;
		color: #333;
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: center;
		font-family: 'Open Sans', serif;
	}
	
	.block-inside .big {
		font-weight: 300;
		font-size: 1.5em;
		font-family: 'Open Sans', serif;
		margin-bottom: 1.3em;
		line-height: 2em;
	}
	
	.block-inside .form-group-lg select.form-control {
		background-color: #FFF;
	}
	
	.block-inside .radio-inline {
		height: 46px;
		padding: 10px 0 10px 30px;
		font-size: 18px;
		line-height: 1.3333333;
	}


/* --------- Placement Test --------- */

#placement .block-leveltest .form-control {
	font-size: 1em;
}

#placement .btn.btn-form {
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	background-color: rgb(45, 126, 192);
	color: rgba(255, 255, 255, 0.9);
}

#placement .btn.btn-form.start {
	font-size: 1.5em;
	margin: 40px auto 20px auto;
	display: block;
	width: 30%;
}

#placement #test {
	margin-bottom: 70px;
}

#placement #test .form-control {
	background-color: #F7F7F7;
}



/* --------- Course University --------- */
	
#block-university {
}

	#block-university .box {
		font-size: 1em;
		position: relative;
	}
	
	#block-university h1 {
		font-weight: 500;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		line-height: 1.2em;
		margin: 0;
		padding-bottom: .5em;
	}
	
	#block-university .content {
		font-size: 1.2em;
	}
	
	#block-university.blank {
		background-color: rgba(0, 0, 0, 0);
		border: solid 0em rgba(0, 0, 0, 0);
		position: relative;
		padding: 0em;
		height: 15em;
	}
	
	#block-university .horzontal-divider {
		font-size: 3em;
		position: relative;
		background: url(http://canadiancollege.com/img/icons/horizontal-divider.svg) center center no-repeat;
		background-size: 95%;
		display: block;
		width: .9em;
		height: 2.8em;
		opacity: .6;
		margin-top: 2.2em;
	}

/* --------- Course Content --------- */
	
.block-info {
}

	.block-info .content {
		font-size: 1.2em;
		line-height: 1.8em;
	}
	
	.block-info .content h3 {
		font-size: 1.5em;
		margin-top: 1em;
	}
	
	.block-info .asside {
		margin-top: 1.45em;
	}
	
	.block-info .asside .btn-action {
		font-size: 1.2em;
	}
	
	.block-info .asside .box {
		width: 100%;
		padding: 10px 0;
	}
	
	.block-info .asside .box .pill {
		font-size: 1.1em;
		line-height: 1.4em;
		display: inline-block;
		margin: 0 5px 10px 0;
		padding: .3em .5em;
		font-family: 'Open Sans', serif;
		background-color: rgb(232, 232, 232);
		border-radius: .25em;
	}
	
	.block-info .asside .box .pill .glyphicon {
		margin-right: 2px;
        vertical-align: middle;
	}

    .block-info .cloud {
        padding-left: 0;
    }
        .block-info .cloud li {
            font-size: .8em;
            border-width: .15em;
            border-style: solid;
            background-color: rgba(121, 79, 109, 0.05);
            padding: .1em .6em;
            color: #333;
            margin-top: .6em;
            display: inline-block;
            border-radius: 0.5em;
        }

#block-shedule {
	font-size: 1em;
}

	#block-shedule ul.bottom {
		margin-top: 2em;
		font-size: 1.2em;
	}
	
	#block-shedule .time {
		font-family: 'Oswald', sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: 400;
		display: block;
	}
	
	#block-shedule .day {
		text-align: center;
		width: 100%;
		border-width: .2em;
		border-style: solid;
		position: relative;
		padding: .8em;
		margin-top: 1em;
		display: block;
		border-radius: 0.5em;
	}
	
	#block-shedule .day.blank {
		border-color: rgb(242, 242, 242);
		background-color: rgb(242, 242, 242);
	}
	
	#block-shedule .day.core {
		border-color: rgba(0, 174, 239, 1);
		background-color: rgba(0, 174, 239, 0.05);
	}
	
	#block-shedule .day.elective {
		border-color: rgba(44, 168, 74, 1);
		background-color: rgba(44, 168, 74, 0.05);
	}
	
	#block-shedule .day.electiveopt {
		border-color: rgba(44, 168, 74, 1);
		background-color: rgba(44, 168, 74, 0.05);
		background: repeating-linear-gradient( 45deg, rgba(44, 168, 74, 0.0), rgba(44, 168, 74, 0.0) 10px, rgba(44, 168, 61, 0.1) 10px, rgba(44, 168, 61, 0.1) 20px );
	}
	
	#block-shedule .week {
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		font-weight: 400;
		text-align: right;
		width: 100%;
		border-width: .2em;
		border-style: solid;
		border-color: rgb(255, 255, 255);
		position: relative;
		padding: .8em 0;
		margin-top: 1em;
		display: block;
	}
	
	#block-shedule .week-row {
		width: 5.5%;
	}

#block-level {
	font-size: 1em;
	margin-bottom: 70px;
}

	#block-level .group {
		height: 21em;
	}
	
	#block-level .section {
		position: absolute;
		bottom: 0;
		width: 88%;
	}
	
	#block-level .level {
		font-family: 'Oswald', sans-serif;
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: 400;
		display: block;
	}
	
	#block-level .months {
		width: 100%;
		border-width: .2em;
		border-style: solid;
		position: relative;
		padding: .8em;
		margin-top: 1em;
		display: block;
		border-radius: 0.5em;
	}
	
	#block-level .months.beg {
		height: 5em;
	}
	
	#block-level .months.lowint {
		height: 10em;
	}
	
	#block-level .months.int {
		height: 15em;
	}
	
	#block-level .months.uppint {
		height: 20em;
	}
	
	#block-level .months.adv {
		height: 25em;
	}
	
	#block-level .months.uppadv {
		height: 30em;
	}
	
	#block-level .months.grey {
		border-style: dashed;
		border-color: rgba(64, 64, 64, .5);
		color: rgba(64, 64, 64, 0.5);
		background-color: #fff;
	}
	
	#block-level .months.uni {
		border-color: rgba(38, 186, 242, 1);
		background-color: rgba(38, 186, 242, 0.1);
	}
	
	#block-level .months.exam {
		border-color: rgba(117, 195, 119, 1);
		background-color: rgba(117, 195, 119, 0.1);
	}
	
	#block-level .months.business {
		border-color: rgba(121,79,109, 1);
		background-color: rgba(121,79,109, 0.1);
	}
	
	#block-level .months.businessstrip {
		border-color: rgba(121,79,109, 1);
        background-color: rgba(121,79,109, 0.05);
        background: repeating-linear-gradient( 45deg, rgb(255, 255, 255), rgb(255, 255, 255) 10px, rgb(235, 231, 234) 10px, rgb(235, 231, 234) 20px );
        position: relative;
	}

    /*
    #block-level .months.business:after, #block-level .months.business:before {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #block-level .months.business:after {
        border-color: rgba(241, 241, 241, 0);
        border-right-color: #ebe7ea;
        border-width: 39px;
        margin-top: -39px;
    }
    #block-level .months.business:before {
        border-color: rgba(121, 79, 108, 0);
        border-right-color: #794f6c;
        border-width: 42px;
        margin-top: -42px;
    }
    */
	
	#block-level .months.a {
		border-color: rgba(248, 186, 50, 1);
		background-color: rgba(248, 186, 50, 0.1);
	}
	
	#block-level .months.b {
		border-color: rgba(231, 154, 62, 1);
		background-color: rgba(231, 154, 62, 0.1);
	}
	
	#block-level .months.c {
		border-color: rgba(217, 130, 60, 1);
		background-color: rgba(217, 130, 60, 0.1);
	}
	
	#block-level .months.d {
		border-color: rgba(209, 112, 57, 1);
		background-color: rgba(209, 112, 57, 0.1);
	}
	
	#block-level .months.e {
		border-color: rgba(199, 90, 53, 1);
		background-color: rgba(199, 90, 53, 0.1);
	}
	
	#block-level .months.f {
		border-color: rgba(193, 56, 61, 1);
		background-color: rgba(193, 56, 61, 0.1);
	}

#block-smrt .book {
	width: 100%;
	border-radius: .25em;
}

	#block-smrt .tab-content {
		font-size: 1.2em;
		font-weight: 300;
	}
	
	#block-smrt h4 {
		font-size: 1.3em;
        line-height: 1.5em;
	}
	
	#block-smrt .book-block {
		margin-bottom: 2em;
	}

#block-activites .book {
	width: 100%;
	border-radius: .25em;
}

	#block-activites .tab-content {
		font-size: 1.2em;
		font-weight: 300;
	}
	
	#block-activites h4 {
		font-size: 1.3em;
	}
	
	#block-activites .book-block {
		margin-bottom: 2em;
	}

/* --------- Staff --------- */

.staff {
	width: 100%;
}

	.staff h3 {
		margin-top: 0;
	}
	
	.staff.lg {
		height: 21.67em;
		background-color: #fff !important;
	}
	
	.staff.sm {
		height: 14em;
		margin-bottom: 1.25em;
	}
	
	.staff.blank {
		background-color: rgb(242, 242, 242);
	}
	
	.staff.zach {
		background: url('http://canadiancollege.com/img/staff/zach.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.jim {
		background: url('http://canadiancollege.com/img/staff/jim.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.berani {
		background: url('http://canadiancollege.com/img/staff/berani.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.mila {
		background: url('http://canadiancollege.com/img/staff/mila.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.ivan {
		background: url('http://canadiancollege.com/img/staff/ivan.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.arisa {
		background: url('http://canadiancollege.com/img/staff/arisa.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.fabio {
		background: url('http://canadiancollege.com/img/staff/fabio.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.shaun {
		background: url('http://canadiancollege.com/img/staff/shaun.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.majeed {
		background: url('http://canadiancollege.com/img/staff/majeed.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.annabel {
		background: url('http://canadiancollege.com/img/staff/annabel.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.aleksandr {
		background: url('http://canadiancollege.com/img/staff/aleksandr.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.shoji {
		background: url('http://canadiancollege.com/img/staff/shoji.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.leanne {
		background: url('http://canadiancollege.com/img/staff/leanne.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.adam {
		background: url('http://canadiancollege.com/img/staff/adam.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.jatin {
		background: url('http://canadiancollege.com/img/staff/jatin.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.sabrina {
		background: url('http://canadiancollege.com/img/staff/sabrina.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.lane {
		background: url('http://canadiancollege.com/img/staff/lane.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}
	
	.staff.ian {
		background: url('http://canadiancollege.com/img/staff/ian.png') no-repeat center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-color: rgb(242, 242, 242);
	}

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

html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 351px; /* Footer size */
}

#block-footer {
	/*background-color: rgb(61, 61, 61);*/
	background-color: #1b1b1b;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 251px; /* Footer size */
	margin-top: 100px;
}

	#block-footer h3 {
		font-family: 'Oswald', sans-serif;
		font-size: 1.3em;
	}
	
	#block-footer a {
		font-weight: 400;
		font-family: 'Open Sans', serif;
		margin: .2em 0;
		display: inline-block;
		color: rgb(97, 97, 97);
	}
	
	#block-footer .logos {
		opacity: .5;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: gray;
		margin-left: 20px;
	}
	
	#block-footer .logos:hover {
		opacity: 1;
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: none;
	}
	
	#block-footer #copywrite {
		padding: 15px 0;
		color: rgba(241, 241, 241, 0.50);
	}
	
	#block-footer #copywrite a {
		color: rgba(241, 241, 241, 0.50);
		margin: 0;
	}
	
	#block-footer #copywrite p {
		margin: 2px 0;
	}
	
#block-fees hr, #application hr {
	border-top: 1px solid rgb(51, 51, 51);
    margin: 3em auto;
}

#block-social {
	margin: 40px auto;
	max-width: 1100px;
}

	#block-social a {
		color: #333;
	}
	
	#block-social .social-box {
		font-family: 'Oswald', sans-serif;
		font-size: 1em;
		text-transform: uppercase;
		font-weight: 400;
		text-align: center;
	}
	
	#block-social .social-box p {
		padding-top: 10px;
		font-family: 'Oswald', sans-serif;
	}
	
	#block-social #partners {
		text-align: right;
	}
	
	#block-social .icon {
		opacity: .5;
		font-size: 1em;
		position: relative;
		display: block;
		width: 4em;
		height: 4em;
		margin: auto;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#block-social .icon:hover {
		opacity: 1;
	}
	
	#block-social .fa {
		
		margin-right: 25px;
		font-size: 30px;
		color: #fff;
		opacity: 0.8;
	}


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

.required {
    /*color: rgb(45, 126, 192);*/
    color: rgb(90, 4, 13);
}

.form-group-lg {
	margin-bottom: 15px;
}

.form-group-lg .control-label {
	/*font-weight: 700;
	text-align: left;*/
}

.form-group-lg select.form-control {
	background-color: #F7F7F7;
}


.form-control {
	box-shadow: none;
}

.has-error .form-control,
.has-error .control-label {
	color: #C95248;
}

.panel-default {
	background-color: rgb(249, 249, 249);
}

.disabled-label {
	display: block;
	height: 34px;
	padding: 6px 12px;
	border: 1px solid rgba(204, 204, 204, 0);
	padding-top: 7px;
	text-align: right;
	font-weight: 700;
}

.disabled-text {
	display: block;
	height: 34px;
	padding: 6px 12px;
	border: 1px solid rgba(204, 204, 204, 0.53);
	border-radius: 4px;
	background-color: transparent;
}

.disabled-text.bold {
	font-weight: 700;
}

.disabled-text.lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
}

label.control-label {
	text-align: left !important;
}

#application {
}

h4.sent {
	font-size: 43px;
	color: #333;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	font-family: 'Open Sans', serif;
}

.btn.btn-form {
	font-family: 'Oswald', sans-serif;
	font-size: 1.2em;
	/*background-color: rgb(45, 126, 192);*/
	/* background-color: rgb(90, 4, 13); */
	/* изменил цвет 17.10.2022 по просьбе заказчика */
	background-color: #b2043e;
	color: rgba(255, 255, 255, 0.9);
}

/* --------- Carousel --------- */
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	transform: translate3d(0, 0, 0);
}

.carousel,
.carousel-inner,
.carousel-inner .item {
	height: 100%;
}

.item:nth-child(1) {
	background: url('http://canadiancollege.com/img/covers/cover-index01.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.item:nth-child(2) {
	background: url('http://canadiancollege.com/img/covers/cover-index02.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.item:nth-child(3) {
	background: url('http://canadiancollege.com/img/covers/cover-index03.jpg') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/* --------- Css Animations --------- */

.os-animation,
.staggered-animation {
	visibility: hidden;
}

.animated {
	visibility: visible !important;
}



/* Very Small devices (iPhone) */

@media(max-width:767px) {
	
    .ccel-logo {
        height: auto;
    }

    .languagebubble{
        top: 53px;
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.4em;
    }

    .navbar-nav>li>a {
        font-size: 1.2em;
        padding: .7em .4em;
    }

    .nav-tabs>li>a {
        font-size: .8em;
    }

    .navbar-brand {
        height: 51px;
        padding: 0;
    }

    .bg {
        height: 300px;
    }

    #subnav a {
        font-size: 1.2em;
    }

    #block-footer .logos.pad {
        margin-left: 10px;
    }

    #index .huge {
        font-size: 1.1em;
    }

    .square-50.english,
    .square-50.eap {
        height: 21em;
    }

    .square-50 .btn {
        margin: 1.3em 13%;
        width: 75%;
    }

    .square-50 .container {
        font-size: .8em;
    }

    #block-shedule .day, #block-shedule .week-row, #block-shedule .week, #block-shedule .time {
        font-size: .7em;
    }
    #block-shedule .day { 
        height: 4.7em;
    }
    #block-shedule .week { 
        height: 7.2em;
    }

    #block-level .group {
        height: auto;
    }
    #block-level .level {
        margin-top: 1em;
    }
    #block-level .section {
        position: relative;
        width: 100%;
    }
    #block-level .months.beg, #block-level .months.lowint, #block-level .months.int, #block-level .months.uppint, #block-level .months.adv, #block-level .months.uppadv {
        height: auto;
    } 

    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0
    }
    
    #placement .btn.btn-form.start {
        width: 50%;
    }
    .dropdown-menu > li > ul.dropdown-menu{
        display:block;
        padding-left: 20px;
    }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
    .ccel-logo {
        height: auto;
    }

    .languagebubble{
        top: 59px;
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.4em;
    }

    .navbar-nav>li>a {
        font-size: .95em;
        padding: 1.2em .4em;
    }

    .navbar-brand {
        height: 51px;
        padding: 0;
    }

    .bg {
        height: 350px;
    }

    #subnav a {
        font-size: 1.2em;
    }

    #index .academic .logo {
        margin: 1.1em 0;
    }

    .col-sm-15 {
        width: 20%;
        float: left;
    }

    .square-50 .container {

    }
    .square-50 .btn {
        margin: 1.3em 13%;
        width: 75%;
    }

    #block-shedule .day, #block-shedule .week-row, #block-shedule .week, #block-shedule .time {

    }
    #block-shedule .day, #block-shedule .week { 

    } 
    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0
    }
    
    #placement .btn.btn-form.start {
        width: 33%;
    }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

    .ccel-logo {
        height: auto;
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.293em;
    }

    .navbar-nav>li>a {
        font-size: 1.2em;
        padding: 1.1em .7em;
    }

    .navbar-brand {
        height: 57px;
    }

    .bg {
        height: 400px;
    }

    #subnav a {
        font-size: 1.2em;
    }

    #index .academic .logo {
        margin: 1.1em 0;
    }

    .col-md-15 {
        width: 20%;
        float: left;
    }

    .square-50 .container {
        font-size: 1em;
    }
    .square-50 .btn {
        margin: 1.3em 21%;
        width: 58%;
    }
    .g-recaptcha {
        transform:scale(1);
        transform-origin:0 0
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .container {
    /*width: 970px;*/
    }

    .index-square,
    .only,
    .only-text,
    .square-50 {
        font-size: 1.293em;
    }

    .navbar-nav>li>a {
        font-size: 1.2em;
        padding: 1.1em .8em;
    }

    .navbar-brand {
        height: 57px;
    }

    .bg {
        height: 400px;
        width: 1170px;
        margin: auto;
    }

    #subnav a {
        font-size: 1.4em;
    }

    #index .academic .logo {
        margin: .13em 0;
    }

    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#main-slider a{position: relative}

#main-slider a p{position: absolute; top: 30%;text-align:center;}

#to-top{
position: fixed;
    right: 10px;
    bottom: 10px;
    width: 70px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #e6dede;
    cursor:pointer;
        -webkit-filter: drop-shadow(0 0 0.2vw rgba(0,0,0,0.5));
    filter: drop-shadow(0 0 0.2vw rgba(0,0,0,0.5));
}
.dropdown-menu > li:hover > ul.dropdown-menu{
    visibility: visible;
    opacity: 1;
    display: block;
    left: 50%;
    top: 50%;
}

/* Цвета для раздела ГЛАВНАЯ Начало */
.homepage>nav {
        background-color: #b2043e;
}

.homepage>div.container>h1 {
        color: #b2043e;
}
.homepage>div.container>h2 {
        color: #b2043e;
}

.homepage .required {
        color: #b2043e;
}

.homepage .btn.btn-form {
        background-color: #b2043e;
}

.homepage .navbar-nav>li>a.index-contact {
    color: #b2043e!important;
    background-color: #ffffff;
}

.homepage .navbar-default .navbar-nav>.active>a
{
    color: #b2043e;
    background-color: #ffffff;
}

.homepage .navbar-default {
border-bottom: 0px solid #1b1b1b;
}
.homepage .navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.homepage .navbar-default .navbar-nav>li>a:hover{color:#710227;}
/* Цвета для раздела ГЛАВНАЯ Конец */

/* Цвета для раздела БЮРО ПЕРЕВОДОВ Начало */
.translation>nav {
        background-color: #4f048a;
}

.translation>div.container>h1 {
        color: #4f048a;
}
.translation>div.container>h2 {
        color: #4f048a;
}

.translation .required {
        color: #4f048a;
}

.translation .btn.btn-form {
        background-color: #4f048a;
}

.translation .navbar-nav>li>a.index-contact {
    color: #4f048a!important;
    background-color: #ffffff;
}

.translation .navbar-default .navbar-nav>.active>a
{
    color: #4f048a;
    background-color: #ffffff;
}

.translation .navbar-default {
border-bottom: 0px solid #1b1b1b;
}
.translation .navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.translation .navbar-default .navbar-nav>li>a:hover{color:#8c04f8;}
/* Цвета для раздела БЮРО ПЕРЕВОДОВ Конец */

/* Цвета для раздела ЯЫКОВАЯ ШКОЛА Начало */
.language-courses>nav {
        background-color: #ee6603;
}

.language-courses>div.container>h1 {
        color: #ee6603;
}
.language-courses>div.container>h2 {
        color: #ee6603;
}

.language-courses .required {
        color: #ee6603;
}

.language-courses .btn.btn-form {
        background-color: #ee6603;
}

.language-courses .navbar-nav>li>a.index-contact {
    color: #ee6603!important;
    background-color: #ffffff;
}

.language-courses .navbar-default .navbar-nav>.active>a
{
    color: #ee6603;
    background-color: #ffffff;
}

.language-courses .navbar-default {
border-bottom: 0px solid #1b1b1b;
}
.language-courses .navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.language-courses .navbar-default .navbar-nav>li>a:hover{color:#944003;}
/* Цвета для раздела ЯЗЫКОВАЯ ШКОЛА Конец */

/* Цвета для раздела ВИЗОВЫЕ УСЛУГИ Начало */
.vizas>nav {
        background-color: #34ab99;
}

.vizas>div.container>h1 {
        color: #34ab99;
}
.vizas>div.container>h2 {
        color: #34ab99;
}

.vizas .required {
        color: #34ab99;
}

.vizas .btn.btn-form {
        background-color: #34ab99;
}

.vizas .navbar-nav>li>a.index-contact {
    color: #34ab99!important;
    background-color: #ffffff;
}

.vizas .navbar-default .navbar-nav>.active>a
{
    color: #34ab99;
    background-color: #ffffff;
}

.vizas .navbar-default {
border-bottom: 0px solid #1b1b1b;
}
.vizas .navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.vizas .navbar-default .navbar-nav>li>a:hover{color:#037967;}
/* Цвета для раздела ВИЗОВЫЕ УСЛУГИ Конец */

/* Цвета для разделов ПАРТНЁРАМ И ЭТО ИНТЕРЕСНО */
.textpage>nav {
        background-color: #0069b3;
}

.textpage>div.container>h1 {
        color: #0069b3;
}
.textpage>div.container>h2 {
        color: #0069b3;
}

.textpage .required {
        color: #0069b3;
}

.textpage .btn.btn-form {
        background-color: #0069b3;
}

.textpage .navbar-nav>li>a.index-contact {
    color: #0069b3!important;
    background-color: #ffffff;
}

.textpage .navbar-default .navbar-nav>.active>a
{
    color: #0069b3;
    background-color: #ffffff;
}

.textpage .navbar-default {
border-bottom: 0px solid #1b1b1b;
}
.textpage .navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.textpage .navbar-default .navbar-nav>li>a:hover{color:#034c7f;}
/* Цвета для раздела ПАРТНЁРАМ И ЭТО ИНТЕРЕСНО Конец */

/* Цвета для разделов КОНТАКТЫ */
.contacty>nav {
        background-color: #0a6600;
}

.contacty .section-header {
        color: #0a6600;
}
.contacty>div.container>h2 {
        color: #0a6600;
}

.contacty .required {
        color: #0a6600;
}

.contacty .btn.btn-form {
        background-color: #0a6600;
}

.contacty .navbar-nav>li>a.index-contact {
    color: #0a6600!important;
    background-color: #ffffff;
}

.contacty .navbar-default .navbar-nav>.active>a
{
    color: #0a6600;
    background-color: #ffffff;
}

.contacty .navbar-default {
border-bottom: 0px solid #1b1b1b;
}
.contacty .navbar-default .navbar-nav>li>a {
    color: #ffffff;
}
.contacty .navbar-default .navbar-nav>li>a:hover{color:#1aec03;}
/* Цвета для раздела КОНТАКТЫ Конец */