html, body, #overrides {
	height:100%;
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	font-size:100%;
}

body {
	direction:rtl;
}

.marginTop {
	margin-top: 50px;
}

.noPadding {
	padding:0;
}

.doublePaddingLeft {
	padding-left:30px;
}

::selection {
	background-color: #ff9933;
	color: #fff;
}


footer {
    width: 100%;
    height: 50px;
    background-color: #274B68;
    color: #fe9934;
    text-align: center;
    line-height: 43px;
    border-top: 5px solid #ff9933;
}
 
 /**********************************************************************************************/
 /**********************************************************************************************/
 /**********************************************************************************************/
 


 
 /* logo margin last - take care */
#overrides .navbar-brand {
    padding: 0px 160px 0 55px;
    border-bottom: 10px solid #555555;
    height: auto;
    margin-right: -160px;
}
 

 
/* LOGO */
.navbar-brand {
	position:relative;
}

img.img-responsive.logoImg {
   margin-bottom: 10px;
   margin-top: 12px;
}


.logoImg {
	width: 100%;
}


/* BACK TO TOP */
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display:none;
	color: #ff9933;
	border: none;
	border-bottom: 4px solid #669999;
	border-radius: 0px;	
	box-shadow: 2px 2px 10px #333;
}

a#back-to-top {
	background-color: #274b6c;
	z-index: 999;
}

.back-to-top:hover {
	color:#669999;
}


/* MENU */
.navbar-nav {
    position: relative;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 20px 20px 15px 20px;
}
 
/*padding: 20px 35px 15px 35px; old padding */


/* FIXED NAVIGATION CHANGES WHEN SCROLLING THE PAGE */
.myNav {
	height: 110px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.navbar-header {
	margin-top:5px;
}

.myNav .navbar-right {
	/*margin-right: 50px;*/
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

/*

#overrides .navbar-brand {
    padding: 0px 15px 0 70px;
    border-bottom: 10px solid #555555;
    height: auto;
    margin-right: 2px;
}

*/

#overrides .navbar .navbar-header {
	padding: 0px;
	height: 105px;

}

.navbar-brand img {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
/*	display:inline-block;
	width:300px;	*/
	vertical-align:top;
}

.myShrinkNav {
	height: 85px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

#overrides .myShrinkNav .navbar-nav > li > a {
	font-size: 22px;
}

.myShrinkNav .navbar-right {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

#overrides .myShrinkNav .navbar-header  {
	height:80px;	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

#overrides .myShrinkNav .navbar-brand img {
	margin-top:5px;
	width:232px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}

.myShrinkNav .img-responsive.logoImg {
   margin-bottom: 9px;
   margin-top: 12px;
}


#navbar.navbar-collapse {
	border: none;
}

/*.navbar-brand {
	padding: 0px !important;
	height: 100px;
}*/



.myShrinkNav .nav > li {
    position: relative;
    display: block;
    margin-top: -24px;
}

.navbar-inverse {
    background-color: #fff;
	border: none;
	border-bottom: 10px solid #69a1a2;
	box-shadow: -12px 1px 22px -5px black;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: none;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ff9933;
	font-weight: 600;
	background-color: transparent;
	border-bottom: 10px solid #ff9933;
}

.navbar-inverse .navbar-nav > li > a {
    color: #333366;
	font-size: 25px;
	margin-top: 45px; 
}

#overrides .myShrinkNav .navbar-nav > li > a {
	margin-top: 44px;
}


.navbar-inverse .navbar-nav > li > a:hover {
    color: #669999;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ff9933;
    margin-top: 7px;
}

.navbar-inverse .navbar-toggle {
	margin-top: 2%;
	border: none;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 30px;
    height: 4px;
    border-radius: 0px;
}

#overrides .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333366;
    background-color: transparent;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	border-color: #24496a; 
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}	

/* HOVER LINKS */
.menu a {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: 300;
  color: #666;
  -webkit-transition: color .2s ease;
  transition: color .2s ease;
  padding: 3px 0;
  margin-bottom: 10px;
}

.menu a:hover {
    color: #aaa; 
 }

.menu a:hover::after,
    .menu a:hover::before {
      width: 100%;
      right: 0;
}

.menu a::after, .menu a::before {
    content: ''; 
    position: absolute;
    top: calc(100% + 0px);
    width: 0;
    left: 0;
    height: 9.8px;
}

.menu a::before {
    -webkit-transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
    transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;
    background: #666666;
}

.menu a::after {
    -webkit-transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
    transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);
    background: #ff9933;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #ff9933;
    background-color: transparent;
}

.dropdown-menu {
	border: 1px solid rgba(0,150,136,0.7);
    border-radius: 0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #66999929;
}


/***************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************/
/* PAGE 1 -  MAIN PAGE - INDEX.HTML */ 
  
/* SECTION 1 - openingMov */

.video_parent {
	width:100%;
	text-align:center;
	position:relative;
	height:90vh;
	overflow:hidden;
}

#state {
	position:absolute;
	left:30px;
	bottom:30px;
	z-index:999;
	cursor:pointer;
}

#hero-vid {
	width:100%;	
	position:relative;
	top:-30px;
}

.video_parent .hidden-desktop {
	display:none;
}


/* SECTION 2 - THREE DIVIM */
.myHr { 
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ff9933;
    border-width: 1px;
    width: 75%;  
}

.whiteBg {
	background-color: white;
}

.myrow{
	/*padding:0;*/
}

.caption {
    position: static;
    left: 0; 
    top: 50%;
    width: 100%;
    text-align: center;
    color: #000;
	padding: 0 55px;
}

.myArticle {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 45px;
}

.glyphicon-star:before {
    content: "\e006";
    font-size: 110px;
	color: #669999;
}



button.btn.btn-primary.btn-sm.block.pull-right {
    color: white;
    background-color: #669999;
    border-right: 20px solid #ff9933;
    border-radius: 0;
    width: 66%;
    height: 40px;
    margin-top: 35px;
    font-size: 16px;
    padding: 0 20px 0 20px;
	position:absolute;
	bottom:0;
}

button.btn.btn-primary.btn-sm.block.pull-right:hover {
	color: white;
    background-color: #517d7d;
    border-right: 10px solid #ff9933;
	border-radius: 0;
    height: 40px;
    margin-top: 35px;
    font-size: 16px;
    padding: 0 20px 0 20px;
	transition: all 0.2s ease;
}

.btn-primary:hover {
	border-bottom: 4px solid #ff9933;
}

button.btn.btn-primary.myBtn {
	width: 70px;
	color: white;
    background-color: #ff9933;
	border: none;
	border-radius: 0;
    margin-top: 20px;
	float:right;
}

button.btn.btn-primary.myBtn:hover {
	width: 70px;
	color: #ff9933;
    background-color: rgba(255,153,51,0.1);
	border: none;
	border-radius: 0;
	transition: all 0.1s ease;
}

button.btn.btn-default.myBtn, button.btn.btn-default {
	width: 70px;
	color: white;
    background-color: #dddddd;
	border: 2px solid #dddddd;
	border-radius: 0;
    margin-top: 20px;
	float:right;
}

button.btn.btn-default.myBtn:hover, button.btn.btn-default:hover {
	width: 70px;
	color: white;
    background-color: #999999;
	border: 2px solid #999999;
	border-radius: 0;
	transition: all 0.1s ease;
}

input.btn.btn-primary.myBtn {
	width: 70px;
	color: white;
    background-color: #ff9933;
	border: 2px solid #ff9933;
	border-radius: 0;
    margin-top: 20px;
	float:right;
}

input.btn.btn-primary.myBtn:hover {
	width: 70px;
	color: white;
    background-color: #f19132;
	border-radius: 0;
    margin-top: 20px;
	float:right;
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	border: 2px solid #ff9933;
}


.close {
	color: #ff9933;
	
}

.close:hover {
	color: #ff9933;
	
}

.modal-header, .modal-footer {
    border: none;
}

.form-control {
    color: #ff9800;
    background-color: rgba(0, 150, 136, 0.04);
    border-radius: 0;
	border: none;
	border-bottom: 3px solid rgba(104,161,161,0.62);
	display: inline-block;
}


.form-control:focus {
	border-color: #ff9933;
	background-color: rgba(255,153,51,0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,153,51,0.7);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,153,51,0.7);
}


h3.captionH3 {
    color: #5b545c;
    margin-bottom: 25px;
}

.specialSpan {
	color: #ff9933;
}



.specialSpan:hover {
	transition: all 0.5s ease;
	color: #68a1a1;
	text-decoration: none;
}

.myArticle p {
    margin: 0 0 10px;
    font-size: 20px;
    color: #5b545c;
    margin-bottom: 25px;
    margin-top: 25px;
	line-height: 25px;
}

.cursorText {
	cursor: text;
}

/* CAROSULE */

.overflow-hidden {
	overflow:hidden;
}

.myFluid {
	padding-right: 0; 
    padding-left: 0; 
	overflow:hidden;
}

.carousel-indicators {
    bottom: 5px;
}

.carousel .item img {
	width:100%;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  
}

#overrides .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-color: #fff;
    border-radius: 0;
	border: 0;
}

#overrides .carousel-indicators .active {
    margin-top: 1px;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-color: #ff9933;
    border-radius: 0;
    border: 0;
}


/***************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************/
/* PAGE 2 - INTEGRATION.HTML */


body.body-integration footer.marginFooter {
	/*margin-top:200px;*/
}



h2.spanMarginTop {
    margin-top: 47px !important;
}


#moto {
    color: #000;
	font-size: 22px;
}

#moto_article {
	color: #ff9933;
	font-size: 22px;
}

#personalStories {
	width:100%;
	margin-top:150px;
	margin-bottom:30px;
	/*background:url(../images/1.jpg);
	background-attachment:fixed;*/	
}

.article_story {   
	/* height: 375px; */
    text-align: right;
    /* margin-top: 85px; */
}

.article_story h2, .article_story p, .article_story h5 {
	/* padding: 0 15px; */
	color: black;
}

.article_story h5 {
	cursor: pointer;
	color:#669999;
}

.article_story h2 {
    color: #ff9933;
    font-weight: bold;
    margin-top: 50px;
    font-size: 26px;
}

.spanOrange {
    color: #ff9933;
    cursor: pointer;
    margin-bottom: 17px;
}

.spanTitle {
	color: #ff9933;
}

.borderBottom img.img-responsive {
    border-bottom: 15px solid #669999;
    margin-bottom: 10px;
}

.marginFooter {
margin-top: 45px;
}


.myturkiz {
	background:#669999;
}

.mygray {
	background:#666666;
}

.myorange {
    background: #fe9a38;
}

.borderRight {
	border-right: 10px solid white;
}

.borderTop {
	border-top: 10px solid white;
}

/*
.borderBottom {
    border-bottom: 8px solid white;
}*/


/* read more modal */
.myContainer {
	width: 100%;
	/*height:100%;*/
    padding-top: 50px;
}

.js-read-more-trigger {
	display:block;
}

.read-more__content {
	clear:both;
	margin-top:40px;
}


.read-more__content img {
	clear:both;
	margin-top:0px;
}

/* short story integration */
.short_story_box {
	position:relative;
	height:180px;
}


.figure_img {
	width:100%;

}

.figure_img img {
	width:100%;
}

.figure_caption {
	width:100%;
	border-top: 12px solid #669999;
	background: #fff;
	/*position:absolute;
	bottom:0;
	left:0;*/
}



.figure_caption h3 {
	color:#69008c;
	font-weight:bold;
}

.figure_caption h6 {
	color:#69008c;
	font-size:10px;
	cursor:pointer;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	position:relative;
	overflow: hidden;
	padding:0;
}


.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.modal-title {
	margin-bottom: 8px;
    font-weight: bold;
    color: #ff9933;
	font-size: 22px;
}

.modal-body img {
	width:100%;
}

.modal-dialog {
    width: 45% !important;
}

#name_error, #email_error {
	color: #ff9933;
	margin-top:5px;
}

.modal-header {
    padding: 20px 15px 0 15px;
}

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

/* PAGE 3 - SIGNLANGUAGE.HTML */

section#section3, section#section4, section#section5, section#section6 {
    margin-top: -25px;
}

section#section3 {
	margin-top: -40px;
}

section#section6 {
    margin-top: -83px;
}

.col-sm-6.col-xs-6.noLeftPadding {
    padding-left: 0;
}

.col-sm-6.col-xs-6.noRightPadding {
    padding-right: 0;
}







.imgBorder {
	border-bottom: 10px solid #669999;
}

.backgroundT {
background: #669798 !important;
}

.backgroundO {
background: #fe9a37 !important;
}



.backgroundImg {
	background-image: url("../images/mistake_image.png");
}


.noMargin {
	margin:0;
}
.gif_frame {
    margin-top: 20px;
    margin-right: 20px;
}

.bgRow {
    height: 350px;
    overflow: hidden;
    border-bottom: 10px solid #669999;
    margin-bottom: 10px;
}

.orangeBg {
	background: #ff9933;
}

.noMarginBottom {
	margin-bottom: 0 !important;
}



.body_signLang section {
	padding-top:80px;
}

.myTopicsContainer, .myTopicsRow  {
	/*height:100%;*/
	width: 100%;
}

.myTopicsContainer {
	padding-top:30px;
}

.body_signLang .mainContent article {
    height: 50vh;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}

.mainContentUnBg a article {
    height: 42vh;
    overflow: hidden;
    position: relative;
    background: none;
    border: 0;
}

.borderLeft {
	border-left: 10px solid white;
}

.myTopic {
	background: green;
}

.body_signLang article .article_gif {
    /* width: 70%; */
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: 0 auto;
}

article .article_gif {
    width: 100%;

}

#facialDiv {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 93%;
}

#rulesDiv {
    position: absolute;
    right: 0;
    top: -5px;
    width: 93%;
}


#communicationDiv {
    position: absolute;
    right: 0;
    top: -5px;
	width: 93%;
}


#mistakesDiv {
    position: absolute;
    right: 0;
    top: -5px;
	width: 93%;
}



article .article_img {
	position:relative;
}

.blackRect {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	background:#333;
	height:55px;
	color:#f1f1f1;
	text-align: center;
}

.blackRect h1 {
	font-size:30px;
	line-height: 17px;	
}

.myTitleOrangeBG {
	background:#ff9933;
	margin-bottom:50px;
}

.myTitleOrange {

	color:#fff;
	text-align: right;
}

.myTitleTurkizBG {
    background: #669999;
    margin-bottom: 33px;
}

.myTitleTurkiz {

	color:#fff;
}

.myTitleOrange h2, .myTitleTurkiz h2 {
    margin-top: 12px;

    font-size: 28px;
}

.overflow {
	overflow:hidden;
}

.informtionParent {
	/*margin-top:130px;*/
}

.informtionDiv  {

}

.informtionDiv h2 {
    color: #ff9933;
    font-size: 24px;
    /* margin-top: 15px; */
    margin-bottom: 15px;
}

.littleMargin {
	margin-top: 15px;
}

.myFa {
	font-size: 20px !important;
	margin-top: 2px;
    margin-right: 3px;
}

a.read-more__trigger.js-read-more-trigger {
	color:#ff9933;
	cursor: pointer;
}

a.read-more__trigger.js-read-more-trigger:hover {
	text-decoration: none;
	color: #669999;
}

.informtionDiv h1 {
	color: #ff9933;
}

.signLangVideo {
	width:100%;
}


/* CAROSULE */

/* Carousel Styles */
.carousel-control.left span, .carousel-control.right span {
    background-color: none;
    top: 160px;
    font-size: 30px;
    display: none;
}



#section4 .carousel-indicators {
    right: 0;
    left: 50%;
    margin-left: -30%;
    margin-right: 0;
    padding-left: 0;
}

.carousel-indicators .active {
    background-color: #2980b9;
}

.carousel-inner img {
    width: 100%;
    /*max-height: 460px;*/
}

.carousel-control {
	width:auto;
}
.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .glyphicon-menu-left, 
.carousel-control .glyphicon-menu-right {

	top: 55%;
	z-index: 5;
	display: inline-block;
}

.carousel-control.left {
	left: 15px;

}

.carousel-control.right {
	right: 15px;

}

.carousel-control.left span,
.carousel-control.right span {
	background-color: none;
    top: 160px;
    font-size: 30px;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 20%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
	padding: 10px;
}

.header-text h3 span {
	background-color: #000;
	padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

/* accordion */

#section6 {
	padding-top:120px;
	min-height:100%;
	height:auto;
}

.acco_container {
    margin: 0 auto;
}

.accordion {
    background-color: #eee;
    color: #669999;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: right;
    outline: none;
    font-size: 15px;
    border-bottom: 4px solid #00968826;
}

.accordion:focus, .accordion:hover {
	border-color: #ff9933;
    background-color: rgba(255,153,51,0.1);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,153,51,0.7);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,153,51,0.7);

}


#section6 .panel {
    padding: 0 18px;
	height:0;
	border:0;
	overflow:hidden;
    background-color: #f1f1f1;   
	transition: 0.4s;
	margin-bottom:0;
}

/* transition images */

#cf2 {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto;
}

#cf2 img {
  border-bottom: 10px solid #ff9933;
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf2 img.transparent {
opacity:0;
}

#cf_onclick {
    cursor: pointer;
    margin-top: 22px;
}

/***************************************************************************************************************************************************************************************************************
****************************************************************************************************************************************************
****************************************************************************************************************************************/
/* PAGE 4 - DICTIONARY.HTML */


.fa-paperclip:before {
    content: "\f0c6";
    font-size: 32px;
}

.fa-search:before {
    content: "\f002";
    font-size: 28px;
}

i.fa.fa-search {
	font-size: 24px;
	margin-top: -11px;
}

i.fa.fa-paperclip {
	font-size: 24px;
	margin-top: -7px;
}





#overrides .fa {
    color: #ff9933;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 35px;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 30px;
    /* border-radius: 0; */
}


.marginRow {
	margin-top: 30px;
}

.signCaption {
	background: #669999;
}

.signCaption h3 {
	margin:0;
	padding: 15px 15px;
	font-size: 20px;
}

.mySign {
	margin-top: 30px;
}

.mySign a {
    color: #ffff;
    text-decoration: none;
}

.signText {
	background: #669999;
}

/* search form */
.searchForm {
	display: inline-block;
	float: left;
}

.myIcon {
	background: none;
    border: none;	
}



#overrides .myIcon:hover h5, #overrides .myIcon:hover i  {
	color: #669999;
}

.h5search {
    display: inline-block;
    margin: 2px 10px;
    color: #ff9933;
    font-weight: 500;
    font-size: 16px;
}

.h5search:hover {
    color: #669999;
}

.searchForm input {
	padding: 0 10px;
	color: #ff9800;
    background-color: white;
    border-radius: 0;
	border: 1px solid #669999;
	display: inline-block;
}

.searchForm input:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,153,51,0.7);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,153,51,0.7);
}

.placeholder {
	color: red;
}

input.transition[type=text] {
    font-size: 16px;
    width: 200px;
    height: 35px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

/* When the input field gets focus, change its width to 100% */
input.transition[type=text]:focus {
    width: 280px;
}

/* breadCrumbs */
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

.breadcrumbbG {
	background-color: rgba(0, 150, 136, 0.04);
}

.searchForm {
	transition:all 0.7s ease;
}

/* dictionary search box fixed style */ 
.searchForm.fixedSearch {
	position: fixed;
    left: 0;
    top: 25px;
	background: rgba(255, 255, 255, 0.8);
	padding:4px;
    z-index: 99999;
}

ul.breadcrumb {
    padding: 0 0 17px 0;
    height: 70px;
    list-style: none;
    border-radius: 0;
}

ul.breadcrumb li {
    display: inline;
    font-size: 22px;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: #333366;
    content: "/\00a0";
}

ul.breadcrumb li a {
	font-size: 22px;
    color: #333366;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #669999;
    text-decoration: none;
}

ul.breadcrumb li a:active {
    color: #ff9933 !important;
    text-decoration: none !important;
}
ul.breadcrumb .active a {
    color: #669999;
    text-decoration: none;
}


.tooltipCaption {
    text-align: right;
    padding-top: 10px;
    font-size: 20px;
	font-weight:500;
}


.tooltipCaption a {
	color: #333366;
	 font-size: 20px;
}

.tooltipCaption a:hover {
	color: #669999;
	text-decoration:none;
}

.tooltipCaption a:active {
	color: #669999;
	text-decoration:none;
}

.dictionryContainer {
	padding-top:150px;

}

.search_box {
    height: 90px;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	margin-top: 0;
}


.myCategoriesContainer {
	width: 100%;
}


.signsSection {
	position: relative;
}

.signsSection a.btn.btn-primary.myBtn {
	position: relative;
	right: 43%;
}

.gifplayer {
	border-bottom: 12px solid #669999;
}

.gifplayer.activeGif {
	border-bottom: 10px solid #ff9933;
}

.tooltipCaptiona.activeGif a {
	color: blue;
}

.gp-gif-element {
	/*border-bottom: 7px solid #00b3b2; */
}



/* PAGINATION */
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #ff9933;
    background-color: transparent;
    border-bottom: 3px solid #ff9933;
	border-radius: 0;
}


.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
    color: #ff9933;
    font-size: 28px;
    margin-top: -10px;
    margin-left: 5px;
    margin-right: 5px;
}

.pagination>li>a, .pagination>li>span {
    float: right;
    margin-right: -1px;
    margin-left: 0;
    border: 0;
    color: #333366;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #ff9933;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-bottom: 3px solid #ff9933;
}


nav.pagination_center {
    text-align: center;
}




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



/* SVG EXAMPLE */

.turkizBG {
	background: #669999;
}

.svg_box {
	position:relative;
}