/*
@import url(//fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(//fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);
*/

body {
	padding-top: 0px;
	padding-bottom: 0px;
	color: #626262;
	font-size: 16px;
	font-family: "Arimo", Arial, sans-serif;
	direction:rtl;
	/*background-color:#F8F8F8;*/
}

/*
DarkBlue #00ACE6
Blue #0C8CBE
Base = #00ACE6
Yellow #F3EA40
DarkRed #A40A29
*/

a {color:#00ACE6;}
.baseColor {color:#00ACE6 !important;}
.secondColor {color:#66CC66;}
.mainFeatures{}
.homeSubtitle{text-align:center; margin-top:10px;}
.homeSubtitle h2{font-weight:bold; color: #666;}
.dirLtr {direction: ltr;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}


.close-button {
    
    display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  border: none;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font: normal 8em/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #00ACE6;
  left: 10px;
  top: 25px;
  cursor:pointer;
}

.close-button::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(45deg)   ;
  transform: rotateZ(45deg)   ;
}

.container-fluid.header {background-color: #000;}

.close-button::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg)   ;
  transform: rotateZ(-45deg)   ;
}
.ContactUs img{max-width:100% !important; border-radius: 7px;}

.innerSubtitle{text-align:right;}
.innerSubtitle h2{font-weight:bold; color:#23527C}

.testimonials .homeSubtitle h2{/*color:#fff;*/}
/*.innerBanner img {width: 180%; margin: 0px -40%;}*/
.innerBanner {background: #d2d2d5; /* Old browsers */
background: -moz-linear-gradient(left, #d2d2d5 0%, #ffffff 50%, #ffffff 50%, #d2d2d5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d2d2d5 0%,#ffffff 50%,#ffffff 50%,#d2d2d5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d2d2d5 0%,#ffffff 50%,#ffffff 50%,#d2d2d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d5', endColorstr='#d2d2d5',GradientType=1 ); /* IE6-9 */
font-family: 'Rubik', sans-serif;
color:#131313;
padding-top:25px; padding-bottom:25px;
}
.innerBanner H3 {font-weight: 900;font-size: 2em; line-height:150%;}
    .innerBanner img {max-width:100% !important;}

.innerBanner .btn-blue-fill-round, a.btn-blue-fill-round {
    font-size: 3rem;
    padding: 23px 25px !important;
    width: auto;
}

.innerBanner .btn-blue-fill-round, a.btn-blue-fill-round {
    font-size: 2rem;
    padding: 13px 15px !important;
    width: auto;
}

.innerBanner .btn-blue-fill-round, a.btn-blue-fill-round {
    background: #03a9f4;
    border-radius: 50px;
    color: #fff;
}

.innerBanner .btn-blue-fill-round:hover {
    background-color: #66CC66;
    -webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
    color: #fff;
}





.siteFooter{ color:#fff; padding-top:8px;}
.siteFooter ul{list-style-type: none; padding: 0; overflow: hidden;  margin: auto;}
.siteFooter li {float:right;  margin-left:30px;}
.siteFooter li a{color:#fff;}
.siteFooter li a:hover{text-decoration:none; color:#00ACE6;}

.futureSection{display:none;}
.wrapper{padding:0px; margin:0px; overflow:hidden;}
.full-width{padding-left:0px; padding-right:0px;}
.navbar {margin-bottom: 0px; min-height:110px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:transparent;}
.navbar-brand img {max-width:100%; margin-top: 15px;}
.navbar-nav{margin-bottom:20px;}
.navbar-nav>li>a, .navbar-nav>li>a:hover{background-color:transparent !important;;}

.navbar-nav>li>a {font-size:18px; color:#fff; padding: 13px 20px;}
.navbar-nav>li>a:hover{color: #00ACE6;}
.navbar-nav>li.selected>a{color: #00ACE6;}
.dropdown-menu>li>a, .dropdown-menu>li>a:hover {background-color:transparent;}
.dropdown-menu>li>a:hover{color: #00ACE6;}
.navbar-toggle{background-color: #00ACE6; margin-right:-5px; margin-top: -40px;}
.navbar-toggle span {background-color: #fff;}
.nav-right>li {float:right; top:35px; width: 100%; margin-right: -50px;}
/*.navbar-right {top: -85px; right:-20px; position: relative;}*/
.navbar-right {top: -40px; right:-20px;}

.ITnewsletterShareButtons {list-style: none; padding: 0;}
.ITnewsletterShareButtons li {float: left; margin-right:10px; font-size:32px !important;}
.ITnewsletterShareButtons .fa {font-size:32px !important;}

.visible-xs.loginToAccount a{color:#0C8CBE;}

.navbar .btn-create-event {
    background-color: #00ACE6 !important;
	color: #FFF;	
    border: 2px solid #00ACE6;    
	padding: 7px 20px;
	border-radius:7px;
	border-width:2px;
	margin-top: 8px;
    margin-bottom: 8px;
	font-weight:bold;
}
.navbar .btn-create-event:hover {background-color: #66CC66 !important; color:#fff; border: 2px solid #66CC66;}
.dropdown-menu>li{text-align:right !important;}

.mainBanner{overflow:hidden; height:700px; position:relative; background-color:#fff;}
.mainBanner H1{color:#131313; font-family:Norican; font-size:56px;}
.mainBanner H2{color:#131313;}
.mainBanner H4{color:#131313; line-height:150%;}
.mainBanner>img{/*opacity: 1;*/ display: block; width: 100%; height: auto; clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);}
.mainBanner .slide-content{position:absolute; top: 8%; right: 5%;}
.mainBanner .slide-content H1{display:none;}

.mainBanner .sp-thumbnail-container{margin-top:20px; position: relative; display: block; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; }
.mainBanner .sp-thumbnails-container .sp-thumbnail {text-align: center;}

.sp-thumbnail-text{color: #666; -webkit-font-smoothing: antialiased;}
.mainBanner .sp-thumbnail-text{color: #fff;}
.sp-thumbnails-container .sp-thumbnail .fa {border-style: solid; border-width: 2px; border-radius: 100%; vertical-align: middle; display: inline-block;	background-color: rgba(255,255,255,0.7);}
.sp-thumbnails-container .sp-thumbnail .fa {font-size: 20px; width: 50px; height: 50px; line-height: 50px;}
.mainBanner .sp-thumbnails-container .sp-thumbnail:hover .fa {font-size:22px;}
.mainBanner .sp-thumbnails-container .sp-thumbnail:hover a {font-size:14px !important;}
	
.mainBanner .sp-thumbnails-container a i:hover {color:#0C8CBE;}
.mainBanner .sp-thumbnails-container .sp-thumbnail:hover .fa {background-color: rgba(255,255,255,1);transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}
.mainBanner .sp-thumbnails-container .sp-thumbnail:hover a {text-decoration:none; font-size:24px;transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}

.mainFeatures .sp-thumbnails-container i{color:#00ACE6;}
.mainFeatures .sp-thumbnails-container .sp-thumbnail .fa {font-size:65px; border:none; width:100px; height:100px; line-height:100px;}
.mainFeatures .sp-thumbnail-text{-webkit-font-smoothing: antialiased; margin-top:5px;}
.mainFeatures .sp-thumbnails-container a p{color:#666666;}
.mainFeatures a {text-decoration:none; font-size:16px;}
.mainFeatures .sp-thumbnails-container .sp-thumbnail {text-align: center;}
.mainFeatures .sp-thumbnail-container{height:200px;}
.mainFeatures .sp-thumbnails-container .sp-thumbnail:hover .fa {cursor:pointer; font-size:75px; transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}

.testimonials{background:url(../../assets/img/testimonials.jpg) no-repeat; background-position:top left; min-height:460px;}

.pricePlans .homeSubtitle{margin-bottom:25px;}
.pricePlans a{color:#7D7D7D;}

.aboutSDdesc {text-align:justify;}
.aboutSDdesc p{margin-bottom:20px;}



.itFeaturesMenu ul{list-style-type: none; -webkit-padding-start: 0px;}
.itFeaturesMenu li{padding:15px 10px;border-bottom:solid 1px #eee; background-color:#fefefe;}
.itFeaturesMenu li:first-of-type {border-top:solid 1px #eee;}
.itFeaturesMenu a{text-decoration:none; color:#0C8CBE;}
.itFeaturesMenu .selectedFeature a{color:#00ACE6;}
.itFeaturesMenu .selectedFeature {background-color:#ededed; border-right:solid 3px #00ACE6;}
.itFeaturesMenu li:hover{background-color:#ededed;}

.itFeaturesDesc{text-align:justify;}
.itFeaturesDesc p{margin-bottom:20px; line-height:175%;}
/*.itFeaturesDesc H4{color:#23527C;}*/

.itBlogPost li, .itFeaturesDesc li{margin-bottom: 15px; padding-right: 20px;}
.itBlogPost H4, .itFeaturesDesc H4{color:#00ACE6; margin-top:25px;}
.itBlogPost H1, .itFeaturesDesc H1, .itFeatures H1, .itExampleNewsletters H1{color: #23527C;}
.itExampleNewsletters img {max-width:100% !important; border: solid 3px #ccc; margin-bottom:25px;}
.itExampleNewsletters .newsletterName {text-align: center !important; margin-bottom:10px;}





.registerEvent .innerBanner img {width: 210%; margin: 0px -55%;}

.Faqs ul{list-style-type: none; padding:0px;}
.Faqs H5{color:#00ACE6; font-weight:bold; font-size:18px;}
.Faqs li{margin-bottom:50px;}

.registerTopSlogan{float:right; margin-top:55px; }
/*.registerDivider{margin:25px 0px; border-top:dashed 2px #00ACE6;}*/

.registerDivider hr {
	height: 12px;
	background: url(../img/divider4.png) repeat-x 0 0;
    border: 0;
}

.registerDivider2{
    display:block;
	position:absolute;
	content:'';
	bottom: 20px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #00ACE6;
	box-shadow: 30px 0 #2072a7, -30px 0 #2072a7;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border: solid 3px #ccc;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.registerEvent .sp-thumbnails-container .sp-thumbnail .fa {background-color:inherit !important;}
.registerForm .registerDesc {font-size: 13px;}
.registerForm H4 {font-weight: bold; color:#0C8CBE;}

.registerForm .checkbox {font-size: 14px;}
.registerForm input[type=checkbox] {/*margin-right:5px;*/}

.registerForm .btnRegister {padding: 22px; font-size: 24px; color: #fff; background-color: #00ACE6; border-color: #d43f3a;}
.registerForm .btnRegister:hover {background-color: #4E5066; border-color: #fff;}

.registerEventsExamples img {
    max-width: 85px;
    margin-left: 10px;
    margin-top: 10px;
}


.appScreenShots img {
    max-width: 100% !important;
    border: solid 3px #ccc;
    margin-bottom:25px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***********************************  Register Price table  *********************************/
.registerPriceListTable div.table-title {
  display: block;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
}

.registerPriceListTable .table-title h3 {
   color: #fafafa;
   font-size: 30px;
   font-weight: 400;
   font-style:normal; 
}


/*** Table Styles **/

.registerPriceListTable .table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
  
  
  
  font-weight: 400;
  text-rendering: optimizeLegibility;
  
}
 
.registerPriceListTable th {
  color:#fff;
  background:#00ACE6;
  border-right: 1px solid #fff;
  font-size:18px;
  font-weight: 100;
  padding:10px 15px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

.registerPriceListTable .table-fill span {font-size:13px;}

.registerPriceListTable th:last-child {
  border-top-left-radius:3px;
}
 
.registerPriceListTable th:first-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
.registerPriceListTable tr {
  border-top: 1px solid #C1C3D1;
  border-bottom: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
.registerPriceListTable tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  cursor:pointer;
  /*
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
  */
}
 
.registerPriceListTable tr:first-child {
  border-top:none;
}

.registerPriceListTable tr:last-child {
  border-bottom:none;
}
 
.registerPriceListTable tr:nth-child(odd) td {
  background:#EBEBEB;
}
 
.registerPriceListTable tr:nth-child(odd):hover td {
  background:#4E5066;
}

.registerPriceListTable tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}
 
.registerPriceListTable tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}
 
.registerPriceListTable td {
  background:#FFFFFF;
  padding:11px 15px;
  text-align:right;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #C1C3D1;
}

.registerPriceListTable td:last-child {
  border-left: 0px;
}

.registerPriceListTable th.text-right {
  text-align: right;
}

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

.registerPriceListTable td.text-right {
  text-align: right;
}

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

.registerContactUs {font-size:20px !important; text-align:center;}


/*************************************  Articles  ********************************************/
.articlesContent h4 {margin-top:35px; font-weight:bold;}
.articlesContent ol {line-height:200%;}
.articlesContent li {}
.articlesContent ol img {margin-top:15px; border:solid 6px #ddd; margin-bottom:30px; max-width:100% !important;}

/***********************************  Media Queries  ****************************************/
@media (min-width: 430px) {
    .navbar {min-height: 140px;}
}
@media (min-width: 568px){
	/*.mainBanner{height:550px;}*/
	.sp-thumbnails-container{margin-top:50px;}
    .navbar {min-height: 170px;}
    .navbar-collapse {padding-top: 50px;}
}
@media (min-width: 768px){
	
	.floatRight{float:right;}
	.floatLeft{float:left;}
	
    /*.navbar-brand img {max-width:200px;}*/
    .navbar-brand img {max-width:300px;}
	.nav-right>li {width: auto; top:21px; margin-right: auto;}
	.navbar-nav>li>a {padding: 17px 12px;}
	.navbar-nav{margin-bottom:auto;}
	
	
	.mainBanner{height:360px;}
	.sp-thumbnails-container{margin-top:0px;}
	.sp-thumbnails-container .sp-thumbnail .fa {font-size: 30px; width: 100px; height: 100px; line-height: 100px;}
	.mainBanner .sp-thumbnail-container{width:125px; height:160px;}
	.mainBanner .sp-thumbnails-container .sp-thumbnail:hover .fa {font-size:36px;}
	.mainBanner .sp-thumbnails-container .sp-thumbnail:hover a {font-size:20px !important;}
	
	.registerTopSlogan{color:#00ACE6; font-size:24px; font-style:italic;}
    .navbar {min-height: 120px;}
	
    .navbar-collapse.collapse {
    float: right;
    top: -37px;
    position: relative;
}

	
}

@media (min-width: 990px){
	
	.innerBanner img {max-width:100% !important; margin: 0% 0% !important;}
	
    /*.navbar-right {top: 9px;}*/
	.mainBanner .slide-content H1{display:block;}
	.mainBanner .slide-content {top: 10%; right: 20%;}
	
	.mainBanner{height:450px;}
	.siteFooter{height:50px;}

}

@media (min-width: 1200px){
    .navbar-right {top: 0px;}
    .navbar-right>li { top:21px;}
	.mainBanner{height:600px;}
	.mainBanner .slide-content {top: 20%;}
	/*.sp-thumbnails-container{margin-top:80px;}*/
	.sp-thumbnails-container .sp-thumbnail .fa {font-size: 40px; width: 125px; height: 125px; line-height: 125px;}
	.mainBanner .sp-thumbnail-container{width:145px; height:200px;}
	.mainBanner .sp-thumbnails-container .sp-thumbnail:hover .fa {font-size:42px;}
	.mainBanner .sp-thumbnails-container .sp-thumbnail:hover a {font-size:20px !important;}
}



@media (max-width: 767px){
	.col-sm-6 {width: 100%;}
	.testimonials{background-position:top right;}
}

@media (max-width: 991px){	
	
}