/*
 * -----------------------------------------------------------
 * Toruabi AS kujundus - Design by AdPlus OÜ
--------------------------------------------------------- */

.rc-anchor-light {
  background: none !important;}
.rc-anchor-light.rc-anchor-normal {
    border: none !important;
}
.rc-anchor {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}


.gbs3 .gcore-label-left {
    max-width: 80px !important;
    min-width: 80px !important;
}
#form-row-captcha #fitem1 {float:right; padding-right:20px;}
#form-row-captcha #fitem #captcha1{width:80px!important;}
#form-row-captcha #fitem1 #fin-captcha2 img{
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: none;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
    
    
    
body#bd {background: #d1d1d1;
background: -moz-linear-gradient(left,  #d1d1d1 0%, #ffffff 10%, #ffffff 90%, #d1d1d1 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d1d1d1), color-stop(10%,#ffffff), color-stop(90%,#ffffff), color-stop(100%,#d1d1d1));
background: -webkit-linear-gradient(left,  #d1d1d1 0%,#ffffff 10%,#ffffff 90%,#d1d1d1 100%);
background: -o-linear-gradient(left,  #d1d1d1 0%,#ffffff 10%,#ffffff 90%,#d1d1d1 100%);
background: -ms-linear-gradient(left,  #d1d1d1 0%,#ffffff 10%,#ffffff 90%,#d1d1d1 100%);
background: linear-gradient(to right,  #d1d1d1 0%,#ffffff 10%,#ffffff 90%,#d1d1d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#d1d1d1',GradientType=1 );

}
#ja-container .main { background: #fff; padding: 20px 0 0 !important; }
div.item-page {border-right: none;}
body.bd .main, #ja-botsl .main {width: 980px; }
#ja-container, #ja-botsl {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-top: none;}
#ja-content img {margin-right:10px;}
.ja-typo-blockswrap {border-bottom:1px solid #c1c1c1;}


@media screen and (max-width: 990px) {
    body.bd .main {
        float: none;
        width:100% !important; 
        max-width:100% !important;}
    #ja-mainnav {
        width:100% !important;}
}

/* Tavalingid ---*/
a .hall { color: #666; text-decoration: none; }a:hover, a:active, a:focus { color: #7eaed7 ; text-decoration: none; }
a { color: #005894; text-decoration: none; }
small { font-size: 60%; }
h5, p.punane, a.punane, punane.a:hover, span.punane { color: #ee3913; text-decoration: none; }
.column h2, .column h4 {margin:0px !important;}

/* Esilehe stiilid ---*/
.items-leading { margin-bottom: 20px; padding-bottom: 5px; }	 
table.esileht { margin: 0px auto 0px auto; } 
table.esileht td { padding: 0 20px 0 20px; } 

@media screen and (min-width: 500px) {
    .main .inner {
        padding-left: 20px !important;
        padding-right: 20px !important;}}
    
@media screen and (max-width: 499px) {
    .main .inner {
        padding-left: 0px !important;
        padding-right: 0px !important;}}
    
.ja-ss-mask.mask-right, .ja-ss-mask.mask-left  {display:none !important; }

.striped-table tr {background-color: #ECECEC;}
.striped-table tr:nth-child(2n) {background-color: #fff;}
        
/* slideshow ---*/
#ja-slideshow {margin-bottom: 0px;}
.ja-ss-desc {
	background:rgba(1, 1, 1, 0.2)!important; 
	background-image: none !important; 
	padding: 20px;
	border-radius: 20px;
	top: 56% !important;
	text-align: right;}

@media screen and (min-width: 900px) {
    .ja-ss-desc {width: 310px;}}
@media screen and (max-width: 900px) {
    .ja-ss-desc {width: 220px;}}

.ja-ss-desc h3 {
    color: #fff;
    font-family: Arial;
    font-size: 270%;
    font-weight: normal;
    line-height: 1.3;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 1);}
.active .ja-ss-desc {
    left: 20% !important;
    opacity: 1;
    z-index: 10;}
.rupup .ja-ss-sprite.first, .rupup .ja-ss-sprite.second {
    bottom: 60px !important;
    left: 45% !important;}

/* mobile header ---*/

#ja-topsl {
    border-bottom: none;}
#ja-topsl .main, #ja-topsl .main-inner1 {
    padding: 0!important;}
#ja-topsl .mobile-header{
    margin: 0!important;}
.mobile-header {
    background-position: center;}
.mobile-header img {
    margin-top:10px;
    max-width: 180px;
    padding-bottom: 10px;}
.mobile-header p {
    color:#ffffff;
    text-transform: uppercase;
    text-shadow: 4px 4px 4px #333;}
.mobile-header a, #nr a {
    color:#ffffff;
    text-transform: uppercase;
    font-size: 28px;
    text-decoration:none;}

@media screen and (min-width: 720px) {
    #ja-topsl{display:none!important;}}


/* Peamenüü ---*/
#ja-mainnav .main-inner1 {left: 0%; }#ja-mainnav #ja-megamenu {right: 0%;}
#ja-mainnav {
	height: 47px;
	background: #01233d; /* Old browsers */
	background: -moz-linear-gradient(top,  #01233d 0%, #00436f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01233d), color-stop(100%,#00436f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01233d 0%,#00436f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01233d 0%,#00436f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01233d 0%,#00436f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #01233d 0%,#00436f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01233d', endColorstr='#00436f',GradientType=0 ); /* IE6-9 */
}
#ja-menu-button { width: 80%; padding: 16px 0; }
#ja-menu-button {
        background: rgba(0, 0, 0, 0) url("/templates/ja_zite/themes/toruabi/css/mobile-menu-icon.png") no-repeat scroll 5% 50% / 35px 35px;
        text-indent: -3000px;
        white-space: nowrap; 
    }

@media screen and (max-width: 985px) {
.ja-megamenu ul.level0 li.mega a.mega {
    padding: 15px 10px !important; }
.ja-megamenu ul.level0 li.mega a.mega {
    font-size: 70%; }
}
 
    
/* Breadcrumbs ---*/
#ja-navhelper {
	background: #c1c1c1;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;}
#ja-navhelper .main { color: #7eaed7; border:none;}
/* Keeled ---*/
#keel { float: right; margin: 0; display:block;}
.mod-languages { float: right; margin: 16px 0 0 10px; }

/* Spotlights ---*/
#ja-topsl1 .main { background: #fff; border: 0px; padding: 30px 0 0 0 !important;}
#ja-botsl2 {
	background: #003a61; /* Old browsers */
	background: -moz-linear-gradient(top,  #003a61 0%, #011424 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003a61), color-stop(100%,#011424)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003a61 0%,#011424 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003a61 0%,#011424 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003a61 0%,#011424 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #003a61 0%,#011424 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a61', endColorstr='#011424',GradientType=0 ); /* IE6-9 */
	border-bottom: none;
	color: #AEBED4;}
	
#ja-botsl2 a { color: #aebed4;}
#ja-botsl2 a:hover,#ja-botsl2 a:focus { color: #ffffff;}

/*---------------- Parempoolne tulp */
div.ja-moduletable, div.moduletable {border-top: 0px ;}

/*---------------- Tellimusvorm */

#ja-botsl .main { 
	background: #ffffff; 
	color: #ffffff;
	padding: 0!important;
	border:none;
	}

#tellimusvorm #esimene { float: left; }
#tellimusvorm #teine { float: right; }
#tellimusvorm #bfSubmitButton { float: right; }

/* Jalus ---*/
#ja-footer { border: none; background: #011424;}
#ja-footer ul.ja-links { margin-bottom: 0px; }
#ja-footer .ja-copyright { padding: 1px 0;}
#ja-footer .ja-copyright p, #ja-footer .ja-copyright a { color: rgba(0,58,97,1); font-size: 12px;margin-bottom: 40px;}
#ja-footer .ja-copyright a:hover, #ja-footer .ja-copyright a:focus { color: #aebed4; }
@media screen and (min-width: 900px) {
    #ja-footer .ja-copyright p {text-align: right;}}
@media screen and (max-width: 900px) {
    #ja-footer .ja-copyright p {text-align: center;} }

  
/*---------------- Efektid */

/* Pildi pööramine - flip */


@media screen and (min-width: 500px) and (max-width: 990px) {
    .item-page.esileht  {
        margin-left: auto;
        margin-right: auto;
        float:center;
        width:460px;}}

@media screen and (min-width: 500px) {
    #f1_container {float:left;}}
@media screen and (max-width: 499px) {
    #f1_container {float:none;}}
  

#f1_container {
  z-index: 1 !important;
  display:block;
  padding: 10px 30px 0px 30px;
}
#f1_container {
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  width: 170px;
  height: 130px;
  margin: 10px auto !important;
}
#f1_card {
  width: 100%;
  height: 100%;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 1.0s linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all 1.0s linear;
	-o-transform-style: preserve-3d;
	-o-transition: all 1.0s linear;
	transform-style: preserve-3d;
	transition: all 0.4s ease 0s;
    display:block;
}
#f1_container:hover #f1_card {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#f1_container p {
  margin: 0;
  padding: 0;
}
.face {
  position: absolute !important;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  -webkit-transform: rotateY(180deg);
  -webkit-box-sizing: border-box;
  -moz-transform: rotateY(180deg);
  -moz-box-sizing: border-box;
  -o-transform: rotateY(180deg);
  -o-box-sizing: border-box;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding:  15px 10px 10px 10px;
  color: white;
  text-align: center;
  background: rgba(255,255,255,1) url("/arendus/toruabi/images/esileht/back.png") no-repeat scroll 0 0 ;
}

a.flip, a.flip:hover {
  color: #003A61;
  text-decoration: none;
  font-weight:700;
} 

.hover { cursor: pointer; }
.vari {
    box-shadow: 5px 5px 5px #AAAAAA;
    margin-bottom: 10px;
}
img.esileht {
	border: 0 none;
	vertical-align: middle;
    border: 0 none;
    height: 120px;
    width: 170px;  
}

/*  bootstrap   --*/

.item-content .row::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;  
}

.item-content #bordered.row {
    border-top: 1px solid #c1c1c1; 
    padding-bottom: 15px;
    padding-top: 50px;
    margin-top: 20px;
}

.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10 {
	min-height: 1px;
	float:left;}

.col-md-1 {width: 8.333%;}
.col-md-2 {width: 16.666%;}	
@media screen and (min-width: 700px) {.col-md-3 {width: 25%;}}
.col-md-4 {width: 33.333%;}
.col-md-5 {width: 41.666%;}
.col-md-6 {width: 50%;}
.col-md-7 {width: 58.333%;}
.col-md-8 {width: 66.666%;}
.col-md-9 {width: 75%;}

@media screen and (max-width: 700px) {
.col-md-3 {width: 100%;}}



/*---------------- Vorm */

#chronoform-Tellimusvorm .fa-asterisk::before {
    content: "*";
    font-size: 16px;
}
#chronoform-Tellimusvorm {
background: #348ebc; /* Old browsers */
background: -moz-linear-gradient(top,  #348ebc 2%, #003a61 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #348ebc 2%,#003a61 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #348ebc 2%,#003a61 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#348ebc', endColorstr='#003a61',GradientType=0 ); /* IE6-9 */
border-radius: 50px 50px 0px 0px;
}
#vorm-container {
  background-image: url(../images/vorm-img.png);
  background-repeat: no-repeat;
  background-position: left bottom;}

#vorm-container #leftcontainer {
	border-left: solid 1px #fff;
	padding-left: 20px;
	margin-top: 40px;}
#vorm-container #rightcontainer {
    padding-left: 10px;}

@media screen and (min-width: 600px) {
#vorm-container #rightcontainer {
	margin-top: 40px;}}
@media screen and (max-width: 600px) {
#vorm-container #rightcontainer {
	margin-top: 0px;}}


#vorm-container #textcontainer #form-row-custom{
    width: 95%;
    padding-left: 5%;
    padding-top: 10%;}

#vorm-container #avariid{font-size: 21px;font-weight: 600;}
#vorm-container #textcontainer #nr{font-size: 32px;font-weight: 600;}
   
.gbs3 .gcore-label-left {min-width: 80px !important;}
.control-label .fa-asterisk {color:#fff !important;}
.gbs3 .vorm-label {height: 28px !important;}
.gbs3 .gcore-form-row {margin-bottom: 12px !important;}

#form-row-submitbutton {padding-left: 80px; padding-bottom: 20px;}
.gbs3 .btn-default {
    color: #003a61 !important; 
    font-weight: bold !important;
    background-image: linear-gradient(to bottom, #ffffff 0px, #e1eef4 100%) !important;
    }
.gbs3 .btn-default:hover, .gbs3 .btn-default:focus {
	background-color:#e1eef4 !important; background-image: none !important;}

p.chrono_credits {display: none !important;}

@media screen and (max-width: 800px) {
	#textcontainer, #leftcontainer, #rightcontainer {display: block !important;}
	#leftcontainer, #rightcontainer {width: 50% !important;}
	#textcontainer {width: 100% !important;}
	#vorm-container #textcontainer #form-row-custom{padding-left: 25%;padding-top: 3%;}
	.gbs3 .gcore-label-left {min-width: 75px !important;}
	#vorm-container #leftcontainer {border: none;}
}
@media screen and (max-width: 719px) {
	#vorm-container #textcontainer #form-row-custom{padding-left: 12%;padding-top: 3%;}
	#keel .mod-languages {margin-top: -30px !important;}
}

    tbody {
        overflow: auto; 
    }
    
@media screen and (max-width: 600px) {
    #vorm-container .leftcontainer, #vorm-container .rightcontainer {width: 100% !important;}
    #leftcontainer, #rightcontainer {width: 100%;}
}

/*  vaikimisi   --*/
p.readmore a:hover {  background-image: url(../images/readon-hover-bg.png);}
/* Smart search */.search-course div.finder .button:hover {  background: #205f93;  border-color: #205f93;}/* Search page */.search .word button:hover {  background: #205f93;  border-color: #205f93;}#finder-search .word .button:hover {  background-color: #205f93;  border-color: #205f93;}