body{
	padding-top: 80px;
}

p {
	font-family: 'Open Sans', sans-serif;
}

.navbar-default{
	background-color: #E1E4C3;
	margin-bottom: 0;
	border: none;
}

.logo{
	padding: 10px 15px 0 0;
	height: 66px;
}

.navbar-brand,
.navbar li a{
	height: 80px;
	line-height: 80px;
	padding: 0 15px;
	margin-left: 1px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.3em;
	color: #53572B;
	border-right: 1px solid #D4D7B9;
		-webkit-box-shadow: 1px 0px 0px 0px rgba(240,242,223,0.64);
		-moz-box-shadow: 1px 0px 0px 0px rgba(240,242,223,0.64);
		box-shadow: 1px 0px 0px 0px rgba(240,242,223,0.64);
}

.navbar-brand{
	padding-right: 0;
}

.navbar-default .navbar-nav>li>a { 
	color: #60714E;
}
.navbar-default .navbar-nav>li>a:hover { 
	color: #fff; 
	background-color: #FAF1C0; 
	color: #35610A;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{
 	background-color: #FAF1C0;
 	color: #62635A;
 }

.navbar-default .navbar-nav li.active a{
	background-color: #FAF1C0;
	color: #35610A;
}

.navbar-default .navbar-toggle{
	margin-top: 22px;
	border-color: #44811B;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color: #D4D7B2;
}


/* products */
li.impress a, li.love a, li.vocab a{
	color: #fff !important;
	box-shadow: none;
 	border: none;
 	margin: 0px;
 	 /*	width: 90px; */
}

 li.impress a,
 li.impress a:hover{
 /*	background-color: #60D512 !important; */
 	background-color: rgb(96, 213, 18) !important; 
 	background-color: rgba(96, 213, 18, 1) !important; 
 }

 li.love a,
 li.love a:hover{
 /*	background-color: #F6AD8D !important; */
 	background-color: rgb(246, 173, 141) !important;
 	background-color: rgba(246, 173, 141, 1) !important;
 }

 li.vocab a,
 li.vocab a:hover{
 /*	background-color: #FEDB1C !important; */
 	background-color: rgb(254, 219, 28) !important; 
 	background-color: rgba(254, 219, 28, 1) !important; 
 }

  li.impress a:hover, li.love a:hover,  li.vocab a:hover{
  	opacity: .6;
  	color: #fff;
 }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height: 700px;
}


/* Header */
header{
	height: 300px;
	text-align: center;
	background-color: #FAF1C0;
/*	background-color: #F7F9DE; */
	background: url(../images/yellow3.jpg);  
/*	background-attachment: fixed; */
	padding-top: 40px;
}

header h1{
	font-size: 2.3em;
	font-family: 'Oswald', sans-serif;
	color: #586008;
	padding-bottom: 10px;
}

header p{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	color: #586008;
}

header p i{
	font-size: 0.8em;
}

header p i.fa{
	color: #F48655;
	margin: 0 10px;
	font-size: 1.5em;
}

/* WHY FK */
.why-fk{
	text-align: center;
	padding: 40px 20px;
}

.why-fk h2{
	font-size: 2.3em;
	font-family: 'Open Sans', sans-serif;
/*	color: #586008; */
	padding-bottom: 10px;
	color: #F48655;
}

.why-fk p{
	font-size: 1.2em;
	color: #777777;
}

/* FEATURES */
.features{
/*	background-color: #F8F6DD; */
	text-align: center;
	margin-top: 10px;
}
.feature-title{
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; 
	font-size: 1.5em;
/*	font-family: 'Open Sans', sans-serif; */
	color: #494949; 
/*	color: #F48655; */
	font-weight: 300;
}

.feature-description{
	color: #666;
/*	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; */
	font-size: 1em;
	padding: 0 30px;
	font-family: 'Open Sans', sans-serif;
}
.features .row{
	margin-bottom: 30px;
}

.features i{
	color: #F48655;
}

.box{
	margin-bottom:30px;
}

/* CAROUSEL */
.green2{
	background-color: #60D512;
}
.pink2{
	background-color: #F6AD8D;
}
.yellow2{
	background-color: #FEDB1C;
}
.carousel-inner{
	height: 300px;
}

/* START */
.start{
	height: 100px;
/*	background: url(../images/yellow3.jpg);  */
	text-align: center;
	padding: 30px 0;
}
.start-button{
	margin: 30px 0;
	padding: 3px 80px;
	color: #fff;
	font-size: 1.4em;
	font-family: 'Open Sans', sans-serif;
	background-color: #52B60F; 


/*	letter-spacing: 1px; */
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 0px outset #000000;

-webkit-box-shadow: 1px 1px 3px 0px rgba(16,69,6,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(16,69,6,1);
box-shadow: 1px 1px 3px 0px rgba(16,69,6,1);
}

.start-button:hover{
	background-color: #2D6408;
	color: #fff;
	text-decoration: none;
}

/* STATIC TESTIMONIALS  */
.static-testimonials{
	margin-top: 30px;
	padding: 40px 30px;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	color: #9D9E9D;
	background-color: #F5F6E6;
}
.static-testimonials i{
	color: #F48655;
	margin: 0 10px;
	font-size: 1.5em;
}

.static-testimonials hr{
	border: 0;
	height: 1px;
	width: 70px; 
	background-image: linear-gradient(to right, rgba(233, 207, 65, 0), rgba(233, 207, 65, 0.75), rgba(233, 207, 65, 0)); 
}


/* SECTIONS */
.sections{
	margin-top: 40px;
}

.sections .row{
/*	margin: 0 50px; */
	margin-bottom: 40px;
}

.sections h3{
	font-size: 2.3em;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 10px;
	color: #F48655;
	text-align: center;
	margin-bottom: 40px;
}

.sections p{
	font-size: 1.2em;
	color: #777777;
	margin-bottom: 20px;
}

.sections .rectangle{
/*	width: 140px; */
	height: 110px;
	font-size: 5em;
	color: #fff;
	text-align: center;
/*	margin-right: 20px; */
	margin-bottom: 10px;
}

.sections .fa{
	font-size: 0.7em;
	color: #DADCC4;
}

.sections .phrases{
	font-style: italic;
}

.sections .green{ background-color: #60D512; }
.sections .pink{ background-color: #F6AD8D; }
.sections .yellow{ background-color: #FEDB1C; }


.sections .green_ph{ color: #60D512;}
.sections .pink_ph{ color: #E59674;}
.sections .yellow_ph{ color: #F7D102;}

/* START NOW 2 */
.start2{
	background-color: #F5F6E6;
}

/* OUR METHOD */
.method{
	margin-top: 50px;
}

.method .row{
	margin-bottom: 20px;
}

.fa-col{
/*	text-align: right; */
	text-align: center;
	padding-top: 7px;
	font-size: 1.3em;
}

.method .fa{
/*	color: #777;  */
	color: #F48655
}

h4{
	text-align: center;
	font-size: 2.3em;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 30px;
	color: #F48655;
}

h5{
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; 
	font-size: 1.5em;
	color: #494949; 
	font-weight: 300;
}

.method p{
	color: #666;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
}

/* BUTTONS */
.last-buttons{
	text-align: center;
	background: url(../images/tunnel-of-love-me.jpg);
	height: 600px;
	margin-top: 40px;
}

.buttons-col{
	padding-top: 160px;
}

.buttons{
	margin: 30px 0;
/*	padding: 8px 10px;  */
	padding: 8px 0;
/*	background-color: #52B60F;  */
	background-color: #F6AD8D;
	text-align: center;

/*	letter-spacing: 1px; */
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 0px outset #000000;

-webkit-box-shadow: 1px 1px 3px 0px rgba(16,69,6,1);
-moz-box-shadow: 1px 1px 3px 0px rgba(16,69,6,1);
box-shadow: 1px 1px 3px 0px rgba(16,69,6,1);
}

.buttons a{
/*	color: #fff;
	font-size: 1.4em;
	font-family: 'Open Sans', sans-serif; */

	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; 
	font-size: 1.5em;
	color: #494949; 
	font-weight: 300;
}

.buttons:hover{
/*	background-color: #60D512; */
	background-color: #436C27;
}

.buttons a:hover{
	color: #ffffff;
	text-decoration: none;
}

/* FOOTER */
footer{
	background-color: #E1E4C3;
/*	height: 100px; */
	text-align: center;
	padding: 30px;
	line-height: 230%;
}

footer li{
	display: inline;
	padding: 0 6px;
	border-left: 1px solid #fff;
}

footer li.first{
	border: none;
}

footer li a{
	color: #333;
	text-decoration: none;
	margin: 0px 4px;
}

footer li a:hover{
	color: #333;
}


/* ---------------------
     COURSE
   ---------------------- */

/* TABS */
.course-tabs-sm, .course-tabs{
	margin: 40px 6px 0 0;
}

.course-tabs-sm li.active a,
.course-tabs li.active a{
	background-color: #E9F4D6;
	color: #436C27;
	text-shadow:2px 2px 6px #E0F67B;
}

.course-tabs-sm li a,
.course-tabs li a{
	background-color: #95B77B;
	color: #ffffff;
	text-shadow:2px 2px 4px #325312;
	
	font-family: 'Droid Serif', serif;
	font-size: 1.2em;

	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px; 

	margin: 0 2px;
}

.course-tabs-sm .nav > li > a,
.course-tabs .nav > li > a{
	padding: 2px 10px;
}

.course-tabs-sm .nav-tabs > li.active > a,
.course-tabs .nav-tabs > li.active > a{
	border: 1px solid #D8E5C7;
	border-bottom: 1px solid transparent;
}


.course-tabs-sm .nav-tabs > li > a,
.course-tabs .nav-tabs > li > a{
	border: 1px solid #82A564;
	border-bottom: 1px solid transparent;
}


.course-tabs-sm .nav-tabs > li.active > a:hover,
.course-tabs-sm .nav-tabs > li.active > a:focus,
	.course-tabs .nav-tabs > li.active > a:hover,
	.course-tabs .nav-tabs > li.active > a:focus{
	background-color: #E9F4D6;
	color: #436C27;
}

.course-tabs-sm .nav-tabs > li > a:hover,
.course-tabs-sm .nav-tabs > li > a:focus,
	.course-tabs .nav-tabs > li > a:hover,
	.course-tabs .nav-tabs > li > a:focus{
/*	background-color: #71974C; */
	background-color: #5A8034;
}


/* CANVAS */
.canvas, .canvas-sm{
	background-color: #E8F5D4; 
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 0px solid #000000;
	margin-bottom:20px;
		-webkit-box-shadow: 1px 3px 3px 0px rgba(8,54,17,0.75);
		-moz-box-shadow: 1px 3px 3px 0px rgba(8,54,17,0.75);
		box-shadow: 1px 3px 3px 0px rgba(8,54,17,0.75);
	padding-top: 10px;
}

.canvas-sm{
	padding: 10px 20px 20px 20px;
}

.change-lesson, .dropdown{
	display: inline !important;
}

.dropdown button{
	color: #C63317;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #FAF1C0;
}

.dropdown button:hover{
	color: #FAF1C0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #C63317;
}

.canvas .btn-default.active, 
.canvas .btn-default:active, 
.canvas .open > .dropdown-toggle.btn-default{
	color: #FAF1C0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #C63317;
}

.change-lesson{
	margin-left: 16px;
	font-size: 1.6em;
	font-family: 'Open Sans', sans-serif;
/*	margin-top: 30px; */
	color: #003300;
	margin-bottom: 20px;
/*	padding-top: 50px; */
}

.canvas ul.dropdown-menu li a{
	font-size:1.1em;
	padding: 10px 5px 10px 10px;
}

.canvas ul.dropdown-menu li a:hover{
	background-color: #FAF1C0;
}

.canvas h1{
	margin-left: 16px;
	color: #C63317;
/*	font-family: 'Open Sans', sans-serif; */
	font-family: 'Droid Serif', serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
}

.canvas-sm h1{
	margin-left: 16px;
	color: #C63317;
	font-family: 'Droid Serif', serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
	float:left;
/*	text-shadow:3px 3px 9px #B2280D; */
	letter-spacing: -1px;
}

ul.lesson-numbers{
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 10px;
	margin: 10px 10px 0px 20px;
}

ul.lesson-numbers-sm{
	margin: 10px 10px 0px 20px;
}

ul.lesson-numbers li, ul.lesson-numbers li a{
	display: inline-block;
}

ul.lesson-numbers-sm li,
ul.lesson-numbers li{
/*	margin-bottom: 20px; */
}

ul.lesson-numbers-sm li a,
ul.lesson-numbers li a{
	font-weight: bold;
	color: #ffffff;
	/*background-color: #FE6765; */


	background: rgba(252,174,178,1);
	background: -moz-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 5%, rgba(251,176,173,1) 17%, rgba(255,103,103,1) 35%, rgba(231,56,39,1) 57%, rgba(231,56,39,1) 76%, rgba(255,134,132,1) 90%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252,174,178,1)), color-stop(0%, rgba(252,174,178,1)), color-stop(5%, rgba(252,174,178,1)), color-stop(17%, rgba(251,176,173,1)), color-stop(35%, rgba(255,103,103,1)), color-stop(57%, rgba(231,56,39,1)), color-stop(76%, rgba(231,56,39,1)), color-stop(90%, rgba(255,134,132,1)));
	background: -webkit-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 5%, rgba(251,176,173,1) 17%, rgba(255,103,103,1) 35%, rgba(231,56,39,1) 57%, rgba(231,56,39,1) 76%, rgba(255,134,132,1) 90%);
	background: -o-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 5%, rgba(251,176,173,1) 17%, rgba(255,103,103,1) 35%, rgba(231,56,39,1) 57%, rgba(231,56,39,1) 76%, rgba(255,134,132,1) 90%);
	background: -ms-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 5%, rgba(251,176,173,1) 17%, rgba(255,103,103,1) 35%, rgba(231,56,39,1) 57%, rgba(231,56,39,1) 76%, rgba(255,134,132,1) 90%);
	background: linear-gradient(135deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 5%, rgba(251,176,173,1) 17%, rgba(255,103,103,1) 35%, rgba(231,56,39,1) 57%, rgba(231,56,39,1) 76%, rgba(255,134,132,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaeb2', endColorstr='#ff8684', GradientType=1 );

		-webkit-box-shadow: 2px 2px 5px 0px rgba(6,54,4,0.8);
		-moz-box-shadow: 2px 2px 5px 0px rgba(6,54,4,0.8);
		box-shadow: 2px 2px 5px 0px rgba(6,54,4,0.8);
	
	margin: 4px;
		border-radius: 100px 100px 100px 100px;
		-moz-border-radius: 100px 100px 100px 100px;
		-webkit-border-radius: 100px 100px 100px 100px;
		border: 0px solid #000000;
}

ul.lesson-numbers li a.active,
ul.lesson-numbers li a:hover, /*{
	background-color: #FAF1C0; 
	color: #FE6765;
} */


ul.lesson-numbers-sm li a.active,
ul.lesson-numbers-sm li a:hover {
	background: rgba(252,174,178,1);
	background: -moz-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(251,176,173,1) 4%, rgba(248,255,105,1) 38%, rgba(250,241,173,1) 51%, rgba(248,255,105,1) 71%, rgba(255,134,132,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252,174,178,1)), color-stop(0%, rgba(252,174,178,1)), color-stop(4%, rgba(251,176,173,1)), color-stop(38%, rgba(248,255,105,1)), color-stop(51%, rgba(250,241,173,1)), color-stop(71%, rgba(248,255,105,1)), color-stop(100%, rgba(255,134,132,1)));
	background: -webkit-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(251,176,173,1) 4%, rgba(248,255,105,1) 38%, rgba(250,241,173,1) 51%, rgba(248,255,105,1) 71%, rgba(255,134,132,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(251,176,173,1) 4%, rgba(248,255,105,1) 38%, rgba(250,241,173,1) 51%, rgba(248,255,105,1) 71%, rgba(255,134,132,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(251,176,173,1) 4%, rgba(248,255,105,1) 38%, rgba(250,241,173,1) 51%, rgba(248,255,105,1) 71%, rgba(255,134,132,1) 100%);
	background: linear-gradient(135deg, rgba(252,174,178,1) 0%, rgba(252,174,178,1) 0%, rgba(251,176,173,1) 4%, rgba(248,255,105,1) 38%, rgba(250,241,173,1) 51%, rgba(248,255,105,1) 71%, rgba(255,134,132,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaeb2', endColorstr='#ff8684', GradientType=1 );

	color: #FE6765;
}



/* sm ------------------ */
ul.lesson-numbers-sm{
	margin-bottom: 20px;
	margin-left: 30px;
	margin-right: 10px;
	float:left;
}

ul.lesson-numbers-sm li, ul.lesson-numbers-sm li a{
	display: inline-block;
}

ul.lesson-numbers-sm li{
/*	margin-bottom: 20px; */
}

.canvas-sm .nav li a{
	padding: 4px 9px;
}

.interior-canvas{
	margin: 0 30px 0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.3em;
}


.upper-interior-canvas, .upper-interior-canvas-sm{
	background-color: #FEEAE9;
	border-left: 1px solid #FDCBC7;
	border-top: 3px solid #FDF2EE;
	border-right: .7px solid #FDCACA;
	padding: 10px;
}



.upper-interior-canvas-sm .row{
	/*background-color: pink;*/
}

.lower-interior-canvas-sm .row{
	margin: 8px -15px 8px -15px; 
/*	margin: 0px -15px 0px -15px; */
}
 

.lower-interior-canvas-sm .row .col-sm-offset-1{
	padding-left: 11px; 
}

.lower-interior-canvas, .lower-interior-canvas-sm{
	background-color: #FED4D3;
	border-left: 1px solid #FE9694;
	border-bottom:2px solid #FDCECD;
	border-right: .7px solid #FF9795;
	padding: 10px;
}

.sm-up .upper-interior-canvas-sm .row .green,
.sm-up .lower-interior-canvas-sm .row .green{
	margin-left: 16px;
}

.upper-interior-canvas-sm .row .red,
.lower-interior-canvas-sm .row .red{
	margin-left: 2px;
}

.loops-sm .upper-interior-canvas-sm .row{
	margin-bottom: 12px;
/*	background-color: pink; */
	padding-left: 14px;
}

.loops-sm .lower-interior-canvas-sm .row{
	margin-bottom: 20px;     
	
/*	background-color: blue; */
	padding-left: 11px;
}

.lower-interior-canvas-sm div.col-sm-3,
.upper-interior-canvas-sm div.col-sm-3{
	padding-right:0;
	padding-top: 3px;
}

.en{
	font-style: italic;
}
.canvas-sm .en{
	font-style: italic;
	font-size: 0.9em;
}
.ukr{
	padding-left: 14px;
}

.ukr, .en{
	color: #000000;
/*	font-family: 'Droid Serif', serif; */
	font-family: 'Open Sans', sans-serif; 
/*	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; */
}
.canvas-sm .ukr{
	padding-left: 14px;
	font-size: 1.1em;
}

.canvas hr{
	border: 0;
	height: 1px;
	width: 70px; 
	background-image: linear-gradient(to right, rgba(233, 207, 65, 0), rgba(233, 207, 65, 0.75), rgba(233, 207, 65, 0)); 
}

/*
.canvas i.green, .canvas-sm i.green{ color: #76A62C; margin-right: 2px;}
.canvas i.red, .canvas-sm i.red{ color: #C70A0A;} */

.canvas i.green, .canvas-sm i.green{ color: #649767; margin-right: 2px;}
.canvas i.red, .canvas-sm i.red{ color: #FF6C3C;}
.canvas i.yellow, .canvas-sm i.yellow{ color: #F2CD02;} /*#FEDB1C */

.canvas i.fa{
	
}

.canvas small{
	font-style: italic;
}

.audio{
	text-align: center;
}

.play, .loops{
	display: inline;
}

.play{
	margin-right: 24px;
	font-size:1.1em;
}

.canvas-sm .play{
	margin-right: 24px;
	font-size:0.9em;
}

/* -- Loops sm -- */
.loops-sm{
	padding:0;
}

.upper-interior-canvas-sm{
	padding: 16px 7px 10px 7px;
}

.loops-sm .upper-interior-canvas-sm{
	padding: 16px 7px 6px 7px;
}

.loops-sm .lower-interior-canvas-sm{
	padding: 10px 7px 5px 9px;
}


/*  default is 5-4 !!! */
.upper-4-4{
	padding: 15px 10px 8px 10px;
}

.upper-4-4 .row{
/*	margin: 1px -15px 1px -15px; */
	margin: 5px -15px 5px -15px;
}

.loops-sm .loops-4-4{
	padding: 10px 7px 6px 7px;
}

.loops-4-4 .row{
/*	margin: 1px -15px 1px -15px; */
	margin: 14px -15px 14px -15px;
}

.upper-3-3{
	padding: 20px 10px 8px 10px;
}

.upper-3-3 .row{
/*	margin: 1px -15px 1px -15px; */
	margin: 10px -15px 10px -15px;
}

.loops-sm .loops-3-3{
	padding: 18px 7px 6px 7px;
}

.loops-3-3 .row{
/*	margin: 1px -15px 1px -15px; */
	margin: 16px -15px 16px -15px;
}

.lower-3-3{
	padding: 20px 10px 8px 10px;
}

.lower-3-3 .row{
/*	margin: 1px -15px 1px -15px; */
	margin: 10px -15px 10px -15px;
}

.lower-5-5 .row{
/*	margin: 8px -15px 8px -15px; */  /* here: 5+4 */
	margin: 1px -15px 1px -15px; 
}

.lower-5-5{
	padding: 15px 10px 8px 10px;
}

.loops-sm .loops-5-5 .row{
	/* margin-bottom: 12px; */
	margin: 11px -15px 11px -15px;
}


/* --------------- 
.lower_margin_en_50{
	padding: 15px 10px 8px 10px;
}*/

.lower_margin_en_50{
/*	margin: 1px -15px 1px -15px; */
	margin-bottom: 50px;
}
/* ---------------- */

/* -- SM -- */
.section-column, .section-column-sm{
/*	background-color: pink; */
}

ul.section-buttons,
ul.section-buttons-sm{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.section-buttons li,
ul.section-buttons-sm li{
	margin: 7px 0;
	padding: 0;
}

ul.section-buttons-sm li.first{
	margin: 0 0;
	padding: 0;
}

ul.section-buttons li a,
ul.section-buttons-sm li a{
	display:block;
	color: #000000;
	padding: 1px 6px 1px 8px;
	text-decoration: none;
/*	font-family: 'Open Sans', sans-serif; */

	font-family: 'Droid Serif', serif;
	font-size: 0.8em;
	color: #314323;

	background: rgba(227,243,201,1);
	background: -moz-linear-gradient(top, rgba(227,243,201,1) 0%, rgba(225,242,196,1) 50%, rgba(219,230,209,1) 51%, rgba(196,217,178,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,243,201,1)), color-stop(50%, rgba(225,242,196,1)), color-stop(51%, rgba(219,230,209,1)), color-stop(100%, rgba(196,217,178,1)));
	background: -webkit-linear-gradient(top, rgba(227,243,201,1) 0%, rgba(225,242,196,1) 50%, rgba(219,230,209,1) 51%, rgba(196,217,178,1) 100%);
	background: -o-linear-gradient(top, rgba(227,243,201,1) 0%, rgba(225,242,196,1) 50%, rgba(219,230,209,1) 51%, rgba(196,217,178,1) 100%);
	background: -ms-linear-gradient(top, rgba(227,243,201,1) 0%, rgba(225,242,196,1) 50%, rgba(219,230,209,1) 51%, rgba(196,217,178,1) 100%);
	background: linear-gradient(to bottom, rgba(227,243,201,1) 0%, rgba(225,242,196,1) 50%, rgba(219,230,209,1) 51%, rgba(196,217,178,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3f3c9', endColorstr='#c4d9b2', GradientType=0 );

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border: 1px solid #BCD978;

/*	-webkit-box-shadow: 1px 1px 4px 0px rgba(70,82,71,1);
	-moz-box-shadow: 1px 1px 4px 0px rgba(70,82,71,1);
	box-shadow: 1px 1px 4px 0px rgba(70,82,71,1); */

	-webkit-box-shadow: 2px 1px 2px 0px rgba(70,82,71,1);
	-moz-box-shadow: 2px 1px 2px 0px rgba(70,82,71,1);
	box-shadow: 2px 1px 2px 0px rgba(70,82,71,1);

}

ul.section-buttons li a{
	font-size: 1.4em;
	padding: 4px 6px 4px 8px;
}

ul.section-buttons li a:hover,
ul.section-buttons-sm li a:hover{
	background: rgba(196,217,178,1);
	background: -moz-linear-gradient(top, rgba(196,217,178,1) 0%, rgba(219,230,209,1) 49%, rgba(225,242,196,1) 50%, rgba(227,243,201,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,217,178,1)), color-stop(49%, rgba(219,230,209,1)), color-stop(50%, rgba(225,242,196,1)), color-stop(100%, rgba(227,243,201,1)));
	background: -webkit-linear-gradient(top, rgba(196,217,178,1) 0%, rgba(219,230,209,1) 49%, rgba(225,242,196,1) 50%, rgba(227,243,201,1) 100%);
	background: -o-linear-gradient(top, rgba(196,217,178,1) 0%, rgba(219,230,209,1) 49%, rgba(225,242,196,1) 50%, rgba(227,243,201,1) 100%);
	background: -ms-linear-gradient(top, rgba(196,217,178,1) 0%, rgba(219,230,209,1) 49%, rgba(225,242,196,1) 50%, rgba(227,243,201,1) 100%);
	background: linear-gradient(to bottom, rgba(196,217,178,1) 0%, rgba(219,230,209,1) 49%, rgba(225,242,196,1) 50%, rgba(227,243,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4d9b2', endColorstr='#e3f3c9', GradientType=0 );
}

ul.section-buttons li a.active,
ul.section-buttons-sm li a.active{

	background: rgba(250,241,192,1);
	background: -moz-linear-gradient(top, rgba(250,241,192,1) 0%, rgba(250,241,192,1) 50%, rgba(250,235,163,1) 51%, rgba(252,237,159,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,241,192,1)), color-stop(50%, rgba(250,241,192,1)), color-stop(51%, rgba(250,235,163,1)), color-stop(100%, rgba(252,237,159,1)));
	background: -webkit-linear-gradient(top, rgba(250,241,192,1) 0%, rgba(250,241,192,1) 50%, rgba(250,235,163,1) 51%, rgba(252,237,159,1) 100%);
	background: -o-linear-gradient(top, rgba(250,241,192,1) 0%, rgba(250,241,192,1) 50%, rgba(250,235,163,1) 51%, rgba(252,237,159,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,241,192,1) 0%, rgba(250,241,192,1) 50%, rgba(250,235,163,1) 51%, rgba(252,237,159,1) 100%);
	background: linear-gradient(to bottom, rgba(250,241,192,1) 0%, rgba(250,241,192,1) 50%, rgba(250,235,163,1) 51%, rgba(252,237,159,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf1c0', endColorstr='#fced9f', GradientType=0 );

border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
	border: 1px solid #fced9f;

	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.75);

	pointer-events: none;
	cursor: default;
}


.upper-interior-canvas-sm, .lower-interior-canvas-sm{
	height: 188px;
}

/* --  CONTACT -- */
.contact{
	margin : 0 auto;
	width: 80%;
}

div.contact h1{
	font-size: 2.3em;
	font-family: 'Open Sans', sans-serif;
/*	color: #586008; */
	padding-bottom: 12px;
	color: #F48655;
}

div.contact h2{
	font-size: 1.3em;
	font-family: 'Open Sans', sans-serif;
/*	color: #586008; */
	padding-bottom: 10px;
	color: #887373;
}

/* .dropaline input, .dropaline textarea{
	width: 80%; 
	margin: 0 auto;
}

.dropaline textarea{
	margin-bottom: 16px;
}

.dropaline label{
	color: #C4C897;
	font-size: 1.3em;
	font-family: 'Open Sans', sans-serif; 
}*/

input.form-control, textarea.form-control{
	border-color: #E1E4C3;
}

#form1{
/*	width: 500px;
	margin: 0 auto; */
}

#form1 label{
/*	font-family: 'Oswald', sans-serif; */
	font-size: 1.0em;
	font-family: 'Open Sans', sans-serif;
	color: #35610A;
}

.dropaline-btn{
	background-color: #E1E4C3;
}

.dropaline-btn:hover{
	background-color: #94986A;
}





/* the other files ------ */
.study-area, .subscr{
	text-align: center;
	padding: 40px 20px;
}

.study-area h1, .subscr h1{
	font-size: 2.3em;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 6px;
	color: #F48655;
}

.study-area p{
	font-size: 1.1em;
	color: #777777;
}

.main-study-area, .green-welcome{
	width: 620px;
	margin: 0 auto;
}

.main-study-area .nav-tabs > li.active > a, 
.main-study-area .nav-tabs > li.active > a:focus, 
.main-study-area .nav-tabs > li.active > a:hover
{
	border: none;
}

.main-study-area .nav > li > a{
	padding: 0;
}

.main-study-area ul{
	border: none;
	padding-right: 7px;
}

.green-welcome{
	background-image: url(../paint/under_flash2.jpg); 
	height:545px; 
	width:625px; 
	padding-top:120px;
	text-align: center;
	margin: 0 auto;
}

.green-welcome p{
	font-weight: bold;
	color: #004020;
	font-size: 1.3em;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; 

}

.green-welcome p.smaller{
	font-size: 1em;
	font-weight: normal;
}

.blocky{
	display: block;
}

.error-401 p{
/*	font-weight: bold; */
	color: #004020;
	font-size: 1.3em;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; 
}

.subscr h2, .subscr h3{
	font-size: 1.3em;
	font-family: 'Open Sans', sans-serif;
	color: #004020;
	font-weight: bold;
	margin-bottom: 26px;
}

.subscr-testimonial p{
	font-size: 1.1em;
/*	color: #777777; */
/*	color: #937C01 */
	color: #7E6B01;
	padding-top: 8px;
/*	width: 338px; */
}

.subscr-testimonial small{
	color: #F48655;
}


.subscr-testimonial .fa{
	font-size: 0.7em;
	color: #DADCC4;
	padding: 0 3px;
}

.stars{
	margin-bottom: 6px;
}

.subscr {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.subscr strong{
	color: #006600;
	font-size: 1.2em;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}

.subscr strong span{
	color: #C40000;
}

.subscr img{
	margin-bottom: 10px;
}

.subscr .col-sm-6{
	text-align: center;
}

/* audio */
button i.green{
	color: #76A62C;
}
button i.red{
	color: #C70A0A;
}

/* xs ---- */
.upper-interior-canvas .play .fast .jp-play,
.upper-interior-canvas .jp-play{
	background-image: url("../paint/play-green-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 28px;
	height: 24px;  
}

.quiz-canvas .upper-interior-canvas .jp-play, 
.quiz-canvas .lower-interior-canvas .jp-play, 
.quiz-canvas .upper-interior-canvas .jp-pause, 
.quiz-canvas .lower-interior-canvas .jp-pause { margin-left: 10px; }

.upper-interior-canvas .play .slow .jp-play{
	background-image: url("../paint/play-red-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 28px;
	height: 24px;  
}

.upper-interior-canvas .play .jp-pause,
.upper-interior-canvas .jp-pause{
	background-image: url("../paint/play-yellow-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 28px;
	height: 24px;
}

.lower-interior-canvas .play .fast .jp-play,
.lower-interior-canvas .jp-play{
	background-image: url("../paint/play-green-lower-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 28px;
	height: 24px;  

}

.lower-interior-canvas .play .slow .jp-play{
	background-image: url("../paint/play-red-lower-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 28px;
	height: 24px;  

}

.lower-interior-canvas .play .jp-pause,
.lower-interior-canvas .jp-pause{
	background-image: url("../paint/play-yellow-lower-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 28px;
	height: 24px;
}

/* sm ----- */
.upper-interior-canvas-sm .fast .jp-play, .upper-interior-canvas-sm .jp-play{
	background-image: url("../paint/play-green-4.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 23px;
	height: 20px;  

}

.quiz-canvas-sm .upper-interior-canvas-sm .jp-play, 
.quiz-canvas-sm .lower-interior-canvas-sm .jp-play, 
.quiz-canvas-sm .upper-interior-canvas-sm .jp-pause, 
.quiz-canvas-sm .lower-interior-canvas-sm .jp-pause { margin-left: 20px; }

.upper-interior-canvas-sm .slow .jp-play{
	background-image: url("../paint/play-red-4.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 23px;
	height: 20px;  

}

.upper-interior-canvas-sm .jp-pause{
	background-image: url("../paint/play-yellow-4.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 23px;
	height: 20px;
}

.lower-interior-canvas-sm .fast .jp-play, .lower-interior-canvas-sm .jp-play{
	background-image: url("../paint/play-green-lower-4.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 23px;
	height: 20px;  

}

.lower-interior-canvas-sm .slow .jp-play{
	background-image: url("../paint/play-red-lower-4.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 23px;
	height: 20px;  

}

.lower-interior-canvas-sm .jp-pause{
	background-image: url("../paint/play-yellow-lower-4.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 23px;
	height: 20px;
}

.fast{
	margin-left: 10px;
}

.slow{
	margin-left: 4px;
}

.loops-sm .fast{
	margin-left: 0px;
}

.loops-sm .slow{
	margin-left: 2px;
}

/* xs ------ */
.upper-interior-canvas .audio .loops .fast .jp-play{
	background-image: url("../paint/loop-green-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 30px;
	height: 30px;  
}

.upper-interior-canvas .audio .loops .slow .jp-play{
	background-image: url("../paint/loop-red-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 30px;
	height: 30px;  
}

.upper-interior-canvas .audio .loops .jp-pause{
	background-image: url("../paint/loop-yellow-xs-2.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 30px;
	height: 30px; 
	background-color: black;
}

.lower-interior-canvas .audio .loops .fast .jp-play{
	background-image: url("../paint/loop-green-lower-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 30px;
	height: 30px;  
}

.lower-interior-canvas .audio .loops .slow .jp-play{
	background-image: url("../paint/loop-red-lower-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 30px;
	height: 30px;  
}

.lower-interior-canvas .audio .loops .jp-pause{
	background-image: url("../paint/loop-yellow-lower-xs.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 30px;
	height: 30px;  
}

/* sm ------ */
.loops-sm .upper-interior-canvas-sm .fast .jp-play{
	background-image: url("../paint/loop-green-2.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 20px;
	height: 21px;  
}

.loops-sm .upper-interior-canvas-sm .slow .jp-play{
	background-image: url("../paint/loop-red-2.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 20px;
	height: 21px;  
}

.loops-sm .upper-interior-canvas-sm .jp-pause{
	background-image: url("../paint/loop-yellow-2.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 20px;
	height: 21px;  
}

.loops-sm .lower-interior-canvas-sm .fast .jp-play{
	background-image: url("../paint/loop-green-lower-2.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 20px;
	height: 21px;  
}

.loops-sm .lower-interior-canvas-sm .slow .jp-play{
	background-image: url("../paint/loop-red-lower-2.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 20px;
	height: 21px;  
}

.loops-sm .lower-interior-canvas-sm .jp-pause{
	background-image: url("../paint/loop-yellow-lower-2.jpg");
	background-repeat: no-repeat;
	border: none;
	width: 20px;
	height: 21px;  
}

/* xs -----  */
.lower-logo{
	float: right;
	padding-right: 10px;
	margin-bottom: 5px;
}

.lower-logo img{
	height: 48px;
}

.promo{
	margin: 10px 0px 6px 10px;
	text-align: center;
}

.promo a, .promo a:visited, .promo a:hover{
	color: #518854;
/*	color: #649767; */
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 500; 
	font-size: 1.2em;
}


/* sm ----   */
.lower-logo-sm{
	float: right;
	padding-top: 12px;
}

.lower-logo-sm img{
	height: 43px;
}

.promo-sm{
	margin: 10px 0px 0px 10px;
}

.promo-sm a, .promo-sm a:visited, .promo-sm a:hover{
	color: #518854;
/*	color: #649767; */
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: 500; 
	font-size: 1em;
}

.ukr .fa-lg {
    font-size: 1.5em;
}

.jp-jplayer{
	display: inline;
}

.ukr .fa{
	color: red;
	font-size: 0.9em;
	font-weight: bold;
}

/* TESTS -------- */
.question-number-sm{
	margin-left: 4px;
	color: #C63317;
	font-family: 'Droid Serif', serif;
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 25px; 
}

.question-number{
	margin-left: 4px;
	color: #C63317;
	font-family: 'Droid Serif', serif;
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 20px; 
}

h1.question-sm{
	color: #9F0F0F;
	font-family: 'Droid Serif', serif;
	font-size: 1.1em;
	float: none;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #FDCBC7;
	display: inline;
	padding: 0 5px 3px 5px;
}

h1.question{
	color: #9F0F0F;
	font-family: 'Droid Serif', serif;
	font-size: 0.9em;
	float: none;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #FDCBC7;
	margin-left: 0px;
	display: inline;
	padding: 0 5px 3px 5px; 
}

.floatie{
	float: right;
	font-style: italic;
	margin-right: 3px;
	font-size: 0.9em;
	vertical-align:text-bottom;
}

#show-sm, #hide-sm, #show, #hide{
	background:none!important;
     border:none; 
     padding:0!important;
     font: inherit;
     /*border is optional*/
    /* border-bottom:1px solid #444;  */
     color: grey;
     cursor: pointer;
     font-style: italic;
     font-size: 0.9em;
}

#show, #hide{
	font-size: 0.8em;
}

span.a{
	margin-left: 40px;
}


.test .upper-interior-canvas-sm{
	padding: 0px 7px 10px 7px;
}

.test .lower-interior-canvas-sm{
	padding-left: 7px;
}

.option{
	margin: 20px 0 20px 40px;
}

.upper-interior-canvas-sm input[type="radio"],
.lower-interior-canvas-sm input[type="radio"] {
  margin-right: 4px;
}

.in-line p.en{
	margin: 0 0 0px;
}

/* from here on 

.upper-interior-canvas-sm input[type=radio] {
    display: none;
}
.upper-interior-canvas-sm input[type=radio] + label::before {
    content: '';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin: 0 0.5em;
}
.upper-interior-canvas-sm input[type=radio]:checked + label::before {
    background-color: #ffa;
}

.radio1 + label::before {
    width: 0.5em;
    height: 0.5em;
}

.radio2 + label::before {
    width: 0.75em;
    height: 0.75em;
}

.radio3 + label::before {
    width: 1em;
    height: 1em;
}

.radio4 + label::before {
    width: 1.5em;
    height: 1.5em;
} */
/* up to here */

/*
.upper-interior-canvas-sm input[type="radio"],
.lower-interior-canvas-sm input[type="radio"] {
    display: none;
}  

.upper-interior-canvas-sm input[type="radio"] + label::before,
.lower-interior-canvas-sm input[type="radio"] + label::before {
    content: '';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin: 0 0.5em;
    width: 0.75em;
    height: 0.75em;
}

.upper-interior-canvas-sm input[type="radio"]:checked + label::before,
.lower-interior-canvas-sm input[type="radio"]:checked + label::before {
    background-color: #ffa;
}

.radio-xs + label::before {
    width: 0.75em;
    height: 0.75em;
} */


.test .submit{
	margin-left: 20px;
	margin-left: 10px;
}

.feedback{
	color: red;
	padding-left: 10px;
}

.qq{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 0.8em;
	color: #333;
	margin-left: 0px !important;
}

a.next-question{
	padding: 2px 8px;
	background-color: #5A8034;
	color: white;
	border: 1px solid #82A564;
	text-decoration: none;

	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

a.next-question:focus, a.next-question:hover{
	color: #132204;
}

.test-end-up, .test-end-down{
	color: #C63317;
	font-size: 1em;
	text-align: center;
}

.test-end-up{
	padding-top: 50px;
}

.test-end-down{
	padding-top: 10px;
	padding-bottom: 50px;
}

/* @media (max-width: 768px){ */
	.navbar-brand, .navbar li a {
	/*	border-right: none; */
	/*	box-shadow: none; */
		border-bottom: 1px solid #D4D7B2;
		text-align: center;
	}
	a.navbar-brand{
		border-bottom: none;
	}
	.feature-description{
		padding: none;
	}
	.features, .method{
		width: 100% !important;
	}
	.sections .col-sm-10{
		padding-left: none;
	}	

/* }; */



/* @media (max-width: 992px) and (min-width: 768px){ */
	@media (min-width: 768px){ 
	.navbar-brand,
	.navbar li a{
		padding: 0 8px;
		font-size: 1.1em;
		border-bottom: 1px solid #D4D7B2;
		text-align: center;
	}
	.features, .method{
		width: 100%;
	}

	.dropaline input, .dropaline textarea{
	width: 660px; 
	margin: 0 auto;
	}

	.about-text{
		width: 660px;
	}

	.stars-testimonial{
		width: 740px;
	}

	.container-for-size{
		width: 700px;
		margin:0 auto;
	} 

	.interior-canvas{
		margin: 0 0 0 30px;
	}

}

/* @media (max-width: 1200px) and (min-width: 993px){ */
 @media (min-width: 992px) { 
 	.navbar-brand,
	.navbar li a{
	height: 80px;
	line-height: 80px;
	padding: 0 15px;
	margin-left: 1px;
	font-family: 'Oswald', sans-serif;
	font-size: 1.3em;
	color: #53572B;
	border-right: 1px solid #D4D7B9;
		-webkit-box-shadow: 1px 0px 0px 0px rgba(240,242,223,0.64);
		-moz-box-shadow: 1px 0px 0px 0px rgba(240,242,223,0.64);
		box-shadow: 1px 0px 0px 0px rgba(240,242,223,0.64);
	}

	.features, .method{
		width: 900px;
	}
	.sections .rectangle{
	width: 140px; 
	}

	.dropaline input, .dropaline textarea{
	width: 660px; 
	margin: 0 auto;
	}

	.about-text{
		width: 760px;
	}

	.container-for-size{
		width: 700px !important; 
		margin: 0 auto;
	} 

}

@media(min-width: 1200px){ 

	.features, .method{
		width: 900px;
	}
	.sections .rectangle{
	width: 140px; 
	}

	.dropaline input, .dropaline textarea{
	width: 660px; 
	margin: 0 auto;
	}

	.about-text{
		width: 760px;
	}

	/*.container-for-size{
		width: 740px;
		margin:0 auto;
	} */

}

