body{font-family:Tahoma, Geneva, sans-serif;  overflow-x:hidden;}

a {outline:none;}

a:hover {text-decoration:none;}





/************ BOOTSTRAP EDIT ***************/



	/** AFFIX ***/

	#affix-cleaner { width:100%; height:57px;}

	/** END AFFIX **/

.w-sm-90 {width:90%; margin-left:5%; margin-right:5%;}

.w-sm-50 {width:46%; margin-left:2%; margin-right:2%; float:left;}

.w-sm-25 {width:25%; }

.w-sm-48 {width:48%; float:left; padding:0px 15px;}

.w-25px {width:25px;}



.btn-cool {background:#7895bc; border-color:#6c8ab2; color:white; }

.btn-cool:hover {background:#6c8ab2; color:white;}



.btn-warm {background:#093; border-color:#096; color:white; }

.btn-warm:hover {color:white; }



.btn-warning2 {background:#fd9f1b; border-color:#ec971f; color:white}

.btn-warning2:hover {background:#fd9f3b;  color:white}



.btn-hot {background-color:gold; border-color:(255,225,0);}

.btn-hot:hover {background-color:#FC0;}

.list-inline a{ display:inline-block;}

  /************** NAVIGATION **************/

  .dropdown-large {

  position: static !important;

}

.dropdown-menu-large {

  margin-left: 16px;

  margin-right: 16px;

  padding: 20px 0px;

}

.dropdown-menu-large > li {display: inline-table; margin:0px 10px; min-width: 185px;max-width: 185px;}

.dropdown-menu-large > li.info-nav {max-width:unset; min-width:unset;}

.dropdown-menu-large > li > ul {

  padding: 0;

  margin: 0;

}

.dropdown-menu-large > li > ul > li {

  list-style: none;

}

.dropdown-menu-large > li > ul > li > a {

  display: block;

  padding: 3px 20px;

  clear: both;

  font-weight: normal;

  line-height: 1.428571429;

  color: #333333;

  white-space: normal;

}

.dropdown-menu-large > li ul > li > a:hover,

.dropdown-menu-large > li ul > li > a:focus {

  text-decoration: none;

  color: #262626;

  background-color: #f5f5f5;

}

.dropdown-menu-large .disabled > a,

.dropdown-menu-large .disabled > a:hover,

.dropdown-menu-large .disabled > a:focus {

  color: #999999;

}

.dropdown-menu-large .disabled > a:hover,

.dropdown-menu-large .disabled > a:focus {

  text-decoration: none;

  background-color: transparent;

  background-image: none;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

  cursor: not-allowed;

}

#blog-li { position:absolute; right:0px;}

.dropdown-menu-large .dropdown-header {

  color: #428bca;

  font-size: 18px;

}

.dropdown-menu-large > li > ul > .margin {margin-top:25px;}

.dropdown-menu-large .dropdown-header img {height:20px; width:auto;}

.dropdown-menu-large  { text-align:center;}

.dropdown-menu-large  img { height:100px;}

.dropdown-menu-large  p { color:black;}

.dropdown-menu-large  a { text-decoration:none;}

.dropdown-menu-large  a:hover {background:red;}

.nav-tabs  a .p-wrapper {width:220%; position:absolute; left:-60%; top:-20px; font-size:0.8em;}

.nav-tabs  a .p-wrapper span {background:#333; padding:5px; border-radius:5px; color:white; }

.fus li {text-align:center;}

.fus a .p-wrapper {top:-24px; }

/*.dropdown-menu-large  a p {width:100%; background:red; position:absolute; margin-top:-20px;}*/

.dropdown-menu-large a:hover p,  .dropdown-menu-large a:hover .dropdown-header{color:#337ab7;}

 

  /**************  END NAVIGATION **************/

  

  

  /**************   FOOTER  **************/

  .search-text{

	margin-top:50px;

	padding-top:60px;

	padding-bottom:60px;

}

	

.search-text .input-search{

	height:45px;

	width:40%;

	padding-left:20px;

    color:#333;

} 



.search-text .btn-search{

    border:none;

	color:#FFF;

	height: 45px;

    width: 80px;

	background:#093;

}



.search-text h4{

    color: #FFF;

    font-weight: 700;

}



footer{

     padding:30px 0px;

}	       



.adress span , .menu span{

   color: #FFF; 

   font-weight: 800; 

   border-bottom: 1px solid #c7c7c7; 

   padding-bottom: 10px; 

   margin-bottom: 20px;

   display: block;

   text-transform: uppercase;

   font-size: 16px;

   letter-spacing: 3px;

}

.menu span small {font-size:12px; text-transform:none;}

.adress , .menu{

    list-style: none;

    padding:50px 0px;

}



.adress li , .menu li{

    margin:10px 0px;

	color:white;

}



.adress li a , .menu li a{

    color:#FFF;

    text-decoration:none;

    font-size:16px;

}



#icons .fa{

    font-size:25px;

    color: white;

}



.btn-large{

    border:none;

	color:#FFF;

	height: 45px;

    width:40%;

}



  /**************  END FOOTER **************/

.mobile {display:none;}

.col-xxs-3 {width:32%; display:inline-table;}

/************END BOOTSTRAP EDIT ***************/





/************ HEADER***************/

		#jazykova-skola { 

				overflow:hidden;

				position:absolute; width:40%; right:-12%; top:100px; background:rgba(255,255,255,0.1); color:white; border: 2px solid (0,0,0,0.3);

				-ms-transform: rotate(45deg); 

				-webkit-transform: rotate(45deg);  

				transform: rotate(45deg);  

		}

		#obsah {height:17px;}

		

		

		#lang-mutations-wrapper {top:55px; width:25px; position:fixed; z-index:10;}

		#lang-mutations-trigger { display:none;}

		#lang-mutations-wrapper img{ margin-top:5px; }

/************END HEADER ***************/

.db-bk-color-one {

    background-color: #F90;

}



.db-bk-color-two {

    background-color: #2261ad;

}



.db-bk-color-three {

    background-color: green;

}



.db-bk-color-four {

    background-color: gold;

}

/*============================================================

PRICING STYLES

==========================================================*/

.db-padding-btm {

    padding-bottom: 10px;

}

.db-button-color-square {

    color: #fff;

    background-color: rgba(0, 0, 0, 0.50);

    border: none;

    border-radius: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

}



    .db-button-color-square:hover {

        color: #fff;

        background-color: rgba(0, 0, 0, 0.50);

        border: none;

    }





.db-pricing-eleven {

    margin-bottom: 30px;

    margin-top: 50px;

    text-align: center;

    box-shadow: 0 0 5px rgba(0, 0, 0, .5);

    color: #fff;

    line-height: 30px;

}



    .db-pricing-eleven ul {

        list-style: none;

        margin: 0;

        text-align: center;

        padding-left: 0px;

    }



        .db-pricing-eleven ul li {

			padding:10px 3px;

			font-size:1.1em;

        }



            .db-pricing-eleven ul li i {

                margin-right: 5px;

            }





    .db-pricing-eleven .price {

		font-family:'SunSchool';

        background-color: rgba(0, 0, 0, 0.5);

        padding: 20px 5px 10px 5px;

        font-size: 2.15em;

        font-weight: normal;

        color: #FFFFFF;

    }





    .db-pricing-eleven .type {

        background-color: #52E89E;

        padding: 50px 20px;

        font-weight: 900;

        text-transform: uppercase;

        font-size: 30px;

    }



    .db-pricing-eleven .pricing-footer {

        padding: 20px;

    }



.db-attached > .col-lg-4,

.db-attached > .col-lg-3,

.db-attached > .col-md-4,

.db-attached > .col-md-3,

.db-attached > .col-sm-4,

.db-attached > .col-sm-3 {

    padding-left: 0;

    padding-right: 0;

}



.db-pricing-eleven.popular {

    margin-top: 30px;

}



    .db-pricing-eleven.popular .price {

        padding-top: 40px;

    }





/************POST ***************/

#post {margin:0px auto; }



.post-image-wrapper { width: 100%; max-height:500px;  overflow: hidden; }

.post-image-wrapper img{ width: 100%;}

.content2 { width:700px;}

.post-content img{width:60%; margin-left:20%;}

.post-content img.ct_emojione {width:auto; margin-left:0px;}



.content-image-wrapper {width: 100%;   overflow: hidden; position:fixed; top:0; left:0; z-index:-1; }

.content-image-wrapper  img {width: 100%; }

.opaciter { width:100%; height:100%; background:red; position:absolute; top:0; background:rgba(255,255,255,0.92);}



/******* REACTS ******/

#all-reacts-wrapper {height:45px;}

#user-reacts {margin-bottom:10px;}

#new-react-wrapper {min-height:35px; border:2px solid rgba(20,20,20,0.1);}

#react-trigger {float:left; cursor:pointer; font-size:1.3em; max-height:34px;  border-right:none; padding:3px;  background:white;}

.react-button{float:left; height:31px; width:31px; margin-left:5px; cursor:pointer;}

.react-button img {height:29px; width:29px; }

.react-button:hover img {height:33px; width:33px; }

#reacts-wrapper {    display:none; }







 #reacts-holder {height:45px;}

 .reacts-reacts{float:left; max-width:70px;}

 .reacts-reacts img {max-height:42px; margin-left:7px; margin-right:13px;}

 .react-count {position:absolute; background:rgba(255,255,255,0.9);  width:18px; height:18px; line-height:18px; border-radius:100%; text-align:center; }

 .my_react .react-count {background:red; color:white; }

/******* END REACTS ******/



/**** Comments ****/



#comments-spinner { position:fixed; z-index:2000; bottom:20%; left:20%; display:none;}

.comments-trigger-button { width:100%; font-size:1.5em; border:0px; padding:8px; background:#2b3342; color:white;}

/**** End Comments ****/





/************END POST ***************/





/***********PHOTOS***************/



/***********END PHOTOS***************/



/********* PAGING *****************/

#paging {width:100%; }

/********* ENDPAGING *****************/





/************ STAR RATING ************/

/************  END STAR RATING ************/







/*************** HOMEPAGE *********************/



#image-presentation-wrapper {text-align:center;width:100%; padding:20px 3px 3px 10px; margin-bottom:15px;}

#image-presentation-wrapper .image-overflow { width:90%; height:140px; overflow:hidden; border-radius:5px; border:4px solid white;}

#image-presentation-wrapper .image-overflow img { border-radius:5px; }

#image-presentation-wrapper h3 {margin-top:0px; font-family:'SunSchool';}



#notepad-bound {background:url(/images/bound.png) repeat-x; height:30px;}

#notepad {background:url(/images/bound.png) repeat-x;  background:white;



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='green', endColorstr='#007f00',GradientType=0 ); /* IE6-9 */



margin-bottom:30px;  float:left;}

#opening-wrapper { text-align:center; margin:0px auto; float:right; position:relative; z-index:10; margin-bottom:15px;}

#opening {text-align:; padding:2px 5px; background:white; margin-top:-30px; margin-bottom:3px; border-radius:10px; background:green; color:white; border:5px solid #999;

    -webkit-transform: rotate(-7deg);

    -moz-transform: rotate(-7deg);

    -o-transform: rotate(-7deg);

    -ms-transform: rotate(-7deg);

    transform: rotate(-7deg);

}



 h2.bigger {font-size:3em; text-align:center;}

#notepad h2{font-size:2.5em; font-family:'SunSchool';  }

#notepad h3 {font-size:2em; font-family:'SunSchool';  }

.homepage1{ background-image:url(/images/homepage/1.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}

.homepage2{ background-image:url(/images/homepage/2.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}

.homepage3{ background-image:url(/images/homepage/3.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center;}

#skype_homepage {max-width:60px; padding-bottom:10px;}

#aktualne-wrapper {float:right;}

#workaway img {position:absolute; right:0;}



/*************** END HOMEPAGE *********************/





/***************** JAZYKY *********************/

#jazyky-poptavkovy_formular-form .form-group, #doucovani-poptavkovy_formular-form .form-group {margin-bottom:5px;}

#jazyky-poptavkovy_formular-form .btn-group, #doucovani-poptavkovy_formular-form .btn-group{min-width:75%;}

#jazyky-poptavkovy_formular-form .btn-group label, #doucovani-poptavkovy_formular-form .btn-group label {width:100%; text-align:left;}



.dny_v_tydny-wrapper .btn-group{min-width:100% !important;}

.flags img {max-height:85px;}



.widget {width:90%; margin-left:5%; margin-right:5%; background:white; border:2px solid rgba(150,150,150,0.1); border-radius:10px; padding:7px 8px;}

.vyuka img {position:absolute;right:0px; top:0px;}

.featured-wrapper img {position:relative; top:-10px; max-width:80%; width:auto;}

/***************END JAZYKY *******************/

/***************DALSI INFORMACE *******************/

#zkousky h4{ font-size:1.9em; font-family:'SunSchool'; }

.read-more .fa-minus-square-o, .read-more[bin="hide"]:hover {color:red;}

.read-more .fa-plus-square-o, .read-more[bin="show"]:hover {color:green;}

.upp {position:absolute; right:0px; background:green; cursor:pointer; font-size:2em; color:white; text-align:center; padding:0px 10px; margin-top:10px;}

.down {position:absolute; left:0px; background:gold; cursor:pointer; font-size:2em; color:white; text-align:center; padding:0px 10px; margin-top:10px;}

/***************END DALSI INFORMACE *******************/



/*************** KONTAKt *********************/

.contact img {width:100%; 

padding: 10px;

  background-color: rgba(50,50,50,0.05);

  box-shadow: 2px 1px 3px rgba(34, 25, 25, 0.8);

  -moz-box-shadow: 2px 1px 2px rgba(34,25,25,0.8);

  -webkit-box-shadow: 2px 1px 3px rgba(34, 25, 25, 0.8);

}

#gmap-holder {width:100%; height:400px;}

#gmap-holder iframe {width:100%; height:400px;}

#formular {width:100%; height:50px; }

/*************** END KONTAKT *********************/



/******* BLOG ****************/

.media-object {max-width:140px;}

/****** END BLOG ************/



/***************  FOTOGALERY *********************/



/*

.container{

	margin: 4% auto;

	width: 210px;

	height: 140px;

	position: relative;

	perspective: 1000px;

} */

#carousel{

	width: 100%;

	height: 100%;

	position: absolute;

	transform-style: preserve-3d;

	animation: rotation 20s infinite linear;

}

#carousel:hover{

	animation-play-state: paused;

}

#carousel figure{

	display: block;

	position: absolute;

	width: 90%;

	height: 50%px;

	left: 10px;

	top: 10px;

	background: black;

	overflow: hidden;

	border: solid 5px black;

}

#carousel figure:nth-child(1){transform: rotateY(0deg) translateZ(288px);}

#carousel figure:nth-child(2) { transform: rotateY(40deg) translateZ(288px);}

#carousel figure:nth-child(3) { transform: rotateY(80deg) translateZ(288px);}

#carousel figure:nth-child(4) { transform: rotateY(120deg) translateZ(288px);}

#carousel figure:nth-child(5) { transform: rotateY(160deg) translateZ(288px);}

#carousel figure:nth-child(6) { transform: rotateY(200deg) translateZ(288px);}

#carousel figure:nth-child(7) { transform: rotateY(240deg) translateZ(288px);}

#carousel figure:nth-child(8) { transform: rotateY(280deg) translateZ(288px);}

#carousel figure:nth-child(9) { transform: rotateY(320deg) translateZ(288px);}



#carousel img{

	-webkit-filter: grayscale(1);

	cursor: pointer;

	transition: all .5s ease;

}

#carousel img:hover{

	-webkit-filter: grayscale(0);

  transform: scale(1.2,1.2);

}



@keyframes rotation{

	from{

		transform: rotateY(0deg);

	}

	to{

		transform: rotateY(360deg);

	}

}

/*************** END FOTOGALERY *********************/



/***************  WIDGETS *********************/

#last-tweet .tweet {margin-top:-21px; margin-left:-3px;}

.tweet ul li a { color:#2b3342;}

.tweet ul li a:hover{ color:#dd4535;}

.tweet ul {list-style:none;}

.tweet ul li {margin-left:-5%; font-size:0.8em; line-height:24px;}





#widget-info span {font-weight:bold;}





/*************** END WIDGETS *********************/



.ct_emojione {width: 25px  !important;

padding:2px !important;

height: auto !important;

border: 0px !important;

background: none !important;

box-shadow: none !important;

}

a.active {color:red; font-weight:bold;}

a.active:hover {color:rgb(220,0,0); }



#fast_login-check-wrapper {height:24px; margin-top:-12px;}

.status-not-available {text-align:center; color:#f43f3f;}

.status-available {text-align:center; color:#43A047;}



#message-box p{position: fixed;

	width: 100%;

	height: 40px;

	line-height:40px;

	font-family:'SunSchool'; 

	font-size:30px;

	bottom: -10px;

	background: rgba(255,255,255,0.95);

	text-align: center;

	font-weight:bold;

}





 /**********SUN SCHOOL****************************/

 h2 {	font-family:'SunSchool'; }

 .sun{	font-family:'SunSchool'; font-size:120%; }



 a:hover {color:#05ABE0;}

 #navbar-default { background:#003140; color:white;  border-radius:0px; border: none; margin:0px; position:fixed; z-index:9998; width:100%;}

 #navbar-default.navbar-default .navbar-nav > li > a {

	color:white;

	font-family:'SunSchool';

	font-size:1.7em;

	text-transform:uppercase;

}

 #navbar-default.navbar-default .navbar-nav  {margin:0px auto;  display: inline-block;

    float: none;}

 #navbar-default.navbar-default .navbar-nav > li { border-top:2px solid #003140;   }

 #navbar-default.navbar-default .navbar-nav > li:hover, #navbar-default.navbar-default .navbar-nav > li.active {background:none; border-top:2px solid #05ABE0;  }

 #navbar-default.navbar-default .navbar-nav > li > a:hover, #navbar-default.navbar-default .navbar-nav > li.open > a, #navbar-default.navbar-default .navbar-nav > li.active a{color:#05ABE0; }

 #navbar-default.navbar-default .navbar-nav > li.open a,  #navbar-default.navbar-default .navbar-nav > li.active > a{ background:none; }

 

 #sunhome a {text-transform:lowercase !important; margin:0px; font-size:2em !important; margin-bottom:-2px; color:gold !important;}

 #sunhome:hover a{color:gold !important;   }

 #sunhome:hover, #sunhome.active { border-top:2px solid gold !important;}



 .hide-more {display:none; }

 .load-more, .read-more {cursor:pointer; }

 .load-more:hover, .read-more:hover {text-decoration:underline;}





	/*  HEADER */

#header-main {

	width:100%; text-align:center;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+5,2261ad+35,05abe0+100 */

background: #1e5799; /* Old browsers */

background: -moz-linear-gradient(top, #1e5799 0%, #2261ad 16%, #2989d8 37%, #05abe0 86%, #7cc7dd 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #1e5799 0%,#2261ad 16%,#2989d8 37%,#05abe0 86%,#7cc7dd 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #1e5799 0%,#2261ad 16%,#2989d8 37%,#05abe0 86%,#7cc7dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7cc7dd',GradientType=0 ); /* IE6-9 */

}

#header-main h1 {font-size:6.5em; color:gold; font-family:"SunSchool";  }

#header-main .otevirame {color:white; font-size:1.25em; font-family:"SunSchool";}

#header-main img {width:80%;  max-width:300px;}



#header-main button { width:80%; max-width:250px; margin-top:5px; border-radius:5px; border:none; padding:0px; color:white;}

#header-button1 {background:#F90;}

#header-button2 {background:gold;}

#header-button3 {background:green;}



.btn-emergency span {

	  font-size:1.5em;

	  text-transform:uppercase;

	  font-weight:100;

	  font-family:'SunSchool';

	  color:#FFF;

	      text-shadow: -1px 0 #666, 0 1px #666, 1px 0 #666, 0 -1px #666;

    padding: 15px 5px;

    display: block;

    background-size: 30px 30px;

    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(0, 0, 0, .01)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, .01)), color-stop(0.25, rgba(0, 0, 0, .01)), color-stop(0.25, transparent), to(transparent));

    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, .01) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .01) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, .01) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .01) 75%, transparent 75%, transparent);

    background-image: linear, 45deg, rgba(0, 0, 0, .01) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .01) 75%, transparent 75%, transparent;

    -webkit-animation: animate-stripes 3s linear infinite;

    -moz-animation: animate-stripes 3s linear infinite;

}





@-webkit-keyframes animate-stripes {

    0% {

        background-position: 0 0;

    }

    100% {

        background-position: 60px 0;

    }

}

#sun-rotate-wrapper{ font-size:7em; color:gold; font-family:"SunSchool"; background:; width:40px; height:40px; position:absolute; top:-5px; right:-10px; } 

#sun-rotate, .sun-rotate{ margin-left:-50px; 

	left:0%;		

    position: absolute;

    -webkit-animation:spin 27s linear infinite;

    -moz-animation:spin 27s linear infinite;

    animation:spin 27s linear infinite;

}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



#sun-bottom-wrapper {width:40px; height:40px; position:absolute; left:50%; right:50%; bottom:20px; margin-left:-40px;}

#sun-bottom { margin:0px;  font-size:50px; color:gold; cursor:pointer;  margin-bottom:-10px;}



#dalsi-iformace-mobile{display:none;}

 	/* END HEADER */

	

	/* CENIK */

	.cenik {width:100%; padding:10px 0px; background:rgba(0,0,0,0.055);}

	.cenik h3{margin:0px; margin-bottom:10px;}

	.cenik:hover {background:rgba(0,0,0,0.04); }

	.cenik li {cursor:default; width:100%; padding-left:10%; padding-top:5px; padding-bottom:5px;  border-left:3px solid rgba(255,255,255,0);   

					border-right:3px solid rgba(255,255,255,0); 	font-size:1.25em; font-style:italic;}

	.cenik li:hover {background:white; border-left:3px solid rgba(20,20,20,0.25); border-right:3px solid rgba(20,20,20,0.25); }

	.cenik li .right {float:right; font-weight:bold; margin-right:20%;  margin-left:0px;}

	/* END CENIK */

	

	/*/ FOTOGALERIE */

	.fotogalerie{     

		max-height: 130px;

		overflow: hidden;

		display: inline-flex;

	}

	.fotogalerie li { 	margin:20px;}

	

.gallery-image-wrapper { display:table; float:left; margin:10px; text-align:center;}

.gallery-image-wrapper .holder {display:table-cell; vertical-align:middle; overflow:hidden; height:70px;}

.gallery-image-wrapper .holder img {max-height:100%; width:auto;}

	/* END FOTOGALERIe */

 	/*  CONTENT */

#content {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cc7dd+0,f6f6f6+6 *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cc7dd+0,f6f6f6+6,f6f6f6+94,008000+100 */

background: #7cc7dd; /* Old browsers */

background: -moz-linear-gradient(top, #7cc7dd 0%, #f6f6f6 6%, #f6f6f6 94%, #008000 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #7cc7dd 0%,#f6f6f6 6%,#f6f6f6 94%,#008000 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #7cc7dd 0%,#f6f6f6 6%,#f6f6f6 94%,#008000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc7dd', endColorstr='#008000',GradientType=0 ); /* IE6-9 */

	}

.content {background:white; border:2px solid rgba(50,50,50,0.1);}



.info-navigation {list-style:none; margin:0px; padding:0px; display: inline-block; padding-left:25px; }

.info-navigation li {float:left; width:100%; height:auto; height:30px;	}

.info-navigation a { color:white; color:black; font-weight:bold;}

.info-navigation a:hover {text-decoration:none; color:#337ab7;}

.info-navigation a:hover button {background:#337ab7;}

.info-navigation button {background:gold; border:2px solid white; border-radius:3px; font-size:15px; padding:3px 10px; color:white; float:left; 

	width:10%;

	float:left;

	height:100%;

}

.info-navigation li p {

	font-size:12px;

	padding:6px 2px 2px 2px;

	width:90%;

	height:100%;

	float:left;

}

.new-news time {float:left; margin-bottom:15px;}

.p-wrapper{display:table;height:7.1em; padding-left:5px;}

.new-news .time {position:absolute; z-index:2; width:90%;}

a > .new-news .time {color:black;}

.new-news .time p{position:absolute; top:-19px; left:6px; width:90%; font-size:85%;}

.new-news span { padding:0px; margin:0px; margin-left:5px; width:65%;   display:table-cell; vertical-align:middle; }



.advantage,li{

  list-style:none;

}

.advantage{

  overflow:hidden;

}

.advantage ul li{

  margin:1em 0.5em;

  float:left;

}

.advantage ul li h2{

   margin:5px;

  font-size:140%;

  font-weight:bold;

  padding-bottom:10px;

}

.advantage ul li p{

   font-size:100%;

 	/* END CONTENT */

}



.advantage ul,li{

  list-style:none;

}

.advantage ul{

  overflow:hidden;

  padding:0px;

}

.advantage ul li a{

	cursor:default;

  text-decoration:none;

  color:#000;

  background:#9FF;

  display:block;

  height:9em;

  width:9em;

  padding:0.75em;

  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);

  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);

  box-shadow: 5px 5px 7px rgba(33,33,33,.7);

  -moz-transition:-moz-transform .15s linear;

  -o-transition:-o-transform .15s linear;

  -webkit-transition:-webkit-transform .15s linear;

}



.advantage ul li a{

  -webkit-transform: rotate(-6deg);

  -o-transform: rotate(-6deg);

  -moz-transform:rotate(-6deg);

}

.advantage ul li:nth-child(even) a{

  -o-transform:rotate(4deg);

  -webkit-transform:rotate(4deg);

  -moz-transform:rotate(4deg);

  position:relative;

  top:5px;

  background:#FF9;

}

.advantage ul li:nth-child(3n) a{

  -o-transform:rotate(-3deg);

  -webkit-transform:rotate(-3deg);

  -moz-transform:rotate(-3deg);

  position:relative;

  top:-5px;

  background:#9C6;

}

.advantage ul li:nth-child(5n) a{

  -o-transform:rotate(5deg);

  -webkit-transform:rotate(5deg);

  -moz-transform:rotate(5deg);

  position:relative;

  top:-10px;

}

.advantage ul li a:hover,ul li a:focus{

  box-shadow:10px 10px 7px rgba(0,0,0,.7);

  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);

  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);

  -webkit-transform: scale(1.25);

  -moz-transform: scale(1.25);

  -o-transform: scale(1.25);

  position:relative;

  z-index:5;

}





 	/* FOOTER */

#footer-main {width:100%; 	overflow-x:hidden;

background: rgb(0,126,0); /* Old browsers */

background: -moz-linear-gradient(top, rgb(0,126,0) 0%, rgb(0,126,0)  78%, rgb(0,126,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgb(0,126,0) 0%,rgb(0,126,0)  78%,  rgb(0,126,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgb(0,126,0) 0%,rgb(0,126,0)  78%,  rgb(0,126,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='green', endColorstr='#007f00',GradientType=0 ); /* IE6-9 */

}

#footer-main a{color:white;}

#footer-main a:hover {color:gold;}

#esf {width:60px;}

#copyright {font-size:1em; color:white; font-weight:bold; }

#copy {margin-top:-60px; }

#footer-everythink {width:100%; background:green;}

#footer-everythink ul li:first-child { border-left:none;}

#footer-everythink ul li { border-left:1px solid white;}

#footer-everythink ul li a{ color: white;}

#footer-everythink ul li a:hover{ text-decoration:none; color:gold;}



#dnc-plane-wrapper img {   width:75%; }





.social i {font-size:2em;}

 	/* END FOTER */

 /*******************************************************/

 

 

 

 

.li-25 li {width:25% !important;}

.cursor-pointer { cursor:pointer;}

img {max-width:100%;}

.profile-30{width:30px;}	

.profile-50{width:50px;}

.profile-60{width:60px;}

.profile-80{width:80px;}

.fa-skype { color: #00aff0; }





.hidden {visibility:hidden;} .overflow-hidden {overflow:hidden; }

.imgfont {height:18px;}

.flip {  transform: rotate(-180deg); }

.icons {height:30px; }

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

.text-underline {text-decoration: underline;}

.mirror {-moz-transform: scale(-1, 1);  -webkit-transform: scale(-1, 1);  -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1);}

.check {font-size:2em;  float:left; margin-top:-11px; }

.font-300 {font-size:300%;} .font-350 {font-size:350%;}

.font-250 {font-size:250%;} .font-200 {font-size:200%;}

.font-175 {font-size:175%;}

.font-150 {font-size:150%;} .font-125 {font-size:125%;}.font-110 {font-size:110%;}

.font-90 {font-size:90%;} .font-85 {font-size:85%;} .font-75 {font-size:75%;}

.font-65 {font-size:65%;} .font-55 {font-size:55%;} .font-50 {font-size:50%;}

.font-0 {font-size:0px;}

.font-bold {font-weight:bold;} .font-italic{font-style:italic;}

.list-numbers {     list-style-type:decimal;} .list-numbers li{     list-style-type:decimal;}

.display-none{display:none;}

.float-left {float:left !important;}.float-right {float:right !important;}

.w-100 {width:100%;} .w-75 {width:75%;} .w-625 {width:62.5%;} .w-50{width:50%;}

.h-50 {height:50px;}

.padd-6-4 {padding:6px 4px;}

 

 

 

 /* FONTY */

@font-face {

    font-family: 'SunSchool'; /*a name to be used later*/

    src: url('../fonts/Sunschool-Regular.ttf'); /*URL to font*/

}

/* END FONTY */





/* CALENDAR */

time.icon

{

  font-size: 1em; /* change icon size */

  display: block;

  position: relative;

  width: 7em;

  height: 7em;

  background-color: #fff;

  border-radius: 0.6em;

  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;

  overflow: hidden;

}

time.icon *

{

  display: block;

  width: 100%;

  font-size: 1em;

  font-weight: bold;

  font-style: normal;

  text-align: center;

}

time.icon strong

{

  position: absolute;

  top: 0;

  padding: 0.4em 0;

  color: #fff;

  background-color: #fd9f1b;

  border-bottom: 1px dashed #f37302;

  box-shadow: 0 2px 0 #fd9f1b;

}

time.icon em

{

  position: absolute;

  bottom: 0.3em;

  color: #fd9f1b;

}

time.icon span

{

  font-size: 2.8em;

  letter-spacing: -0.05em;

  padding-top: 0.8em;

  color: #2f2f2f;

}

/* END CALENDAR */









.board{

background: #fff;

/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/

}

.board .nav-tabs {

    position: relative;

    /* border-bottom: 0; */

    /* width: 80%; */

    margin: 20px auto;

    margin-bottom: 0;

    box-sizing: border-box;



}



.board > div.board-inner{

    background: #fafafa url(/images/geometry.png);

    background-size: 30%;

}



p.narrow{

    width: 60%;

    margin: 10px auto;

}



.liner{

    height: 2px;

    background: #ddd;

    position: absolute;

    width: 80%;

    margin: 0 auto;

    left: 0;

    right: 0;

    top: 50%;

    z-index: 1;

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    color: #555555;

    cursor: default;

    /* background-color: #ffffff; */

    border: 0;

    border-bottom-color: transparent;

}



span.round-tabs{

    width: 70px;

    height: 70px;

    line-height: 70px;

    display: inline-block;

    border-radius: 100px;

    background: white;

    z-index: 2;

    position: absolute;

    left: 0;

    text-align: center;

    font-size: 25px;

}

span.round-tabs img{ height:45px; }





span.round-tabs.zero{

    color: #ff0ad2;border: 2px solid #ff0ad2;

}



li.active span.round-tabs.zero{

    background: #fff !important;

    color: #ff0ad2;

}

span.round-tabs.one{

    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);

}



li.active span.round-tabs.one{

    background: #fff !important;

    color: rgb(34, 194, 34);

}



span.round-tabs.two{

    color: #F60;border: 2px solid #F60;

}



li.active span.round-tabs.two{

    background: #fff !important;

    color: #F60;

}



span.round-tabs.three{

    color: brown;border: 2px solid brown;

}



li.active span.round-tabs.three{

    background: #fff !important;

    color: brown;

}



span.round-tabs.four{

    color: #067f5b;border: 2px solid #067f5b;

}



li.active span.round-tabs.four{

    background: #fff !important;

    color: #067f5b;

}



span.round-tabs.five{

    color: #939;border: 2px solid #939;

}



li.active span.round-tabs.five{

    background: #fff !important;

    color: #939;

}

span.round-tabs.six{

    color: red;border: 2px solid red;

}



li.active span.round-tabs.six{

    background: #fff !important;

    color: red;

}

span.round-tabs.seven{

    color:#FC0; border: 2px solid #FC0;

}



li.active span.round-tabs.seven{

    background: #fff !important;

    color: #FC0;

}

span.round-tabs.eight{

    color:blue; border: 2px solid blue;

}



li.active span.round-tabs.eight{

    background: #fff !important;

    color: blue;

}



span.round-tabs.nine{

    color:#4feaa2; border: 2px solid #4feaa2;

}



li.active span.round-tabs.nine{

    background: #fff !important;

    color: #4feaa2;

}



.nav-tabs > li.active > a span.round-tabs{

    background: #fafafa;

}

.nav-tabs > li {

    width: 20%;

}

/*li.active:before {

    content: " ";

    position: absolute;

    left: 45%;

    opacity:0;

    margin: 0 auto;

    bottom: -2px;

    border: 10px solid transparent;

    border-bottom-color: #fff;

    z-index: 1;

    transition:0.2s ease-in-out;

}*/

.nav-tabs > li:after {

    content: " ";

    position: absolute;

    left: 45%;

   opacity:0;

    margin: 0 auto;

    bottom: 0px;

    border: 5px solid transparent;

    border-bottom-color: #ddd;

    transition:0.1s ease-in-out;

    

}

.nav-tabs > li.active:after {

    content: " ";

    position: absolute;

    left: 45%;

   opacity:1;

    margin: 0 auto;

    bottom: 0px;

    border: 10px solid transparent;

    border-bottom-color: #ddd;

    

}

.nav-tabs > li a{

   width: 70px;

   height: 70px;

   margin: 20px auto;

   border-radius: 100%;

   padding: 0;

}



.nav-tabs > li a:hover{

    background: transparent;

}

.nav-tabs2 > li  {text-align:center; z-index:10; }

.nav-tabs2 > li a {width:35px; height:35px;}

.nav-tabs2 > li.active::after {left:33%; }

.tab-content{

}

.tab-pane{

   position: relative;

padding-top: 50px;

}

.tab-content .head{

    font-family: 'Roboto Condensed', sans-serif;

    font-size: 25px;

    text-transform: uppercase;

    padding-bottom: 10px;

}

.btn-outline-rounded{

    padding: 10px 40px;

    margin: 20px 0;

    border: 2px solid transparent;

    border-radius: 25px;

}



.btn.green{

    background-color:#5cb85c;

    /*border: 2px solid #5cb85c;*/

    color: #ffffff;

}







@media( max-width : 585px ){

    

    .board {

height:auto !important;

}

    span.round-tabs {

        font-size:16px;

width: 50px;

height: 50px;

line-height: 50px;

    }

    .tab-content .head{

        font-size:20px;

        }

    .nav-tabs > li a {

width: 50px;

height: 50px;

line-height:50px;

}



.nav-tabs > li.active:after {

content: " ";

position: absolute;

left: 35%;

}



.btn-outline-rounded {

    padding:12px 20px;

    }

}