@import url("font-awesome.min.css");
/* ---------- styleguide --------- */
body {
    font-size:12px;
    font-family:'PT Sans';
	background:#f5e2ef;
	padding:15px;
	color:#3b5998
}

.h1 + p,.h2 + p,.h3 + p{ padding:10px 0 0 0; }
* + .h1,* + .h2,* + .h3 { padding:25px 0 0 0; }
ul+ul{ margin:25px 0 0 0}
.h2+ul{ margin:7px 0 0 0}
.h1 + .h2{ padding-top:10px ;}
.h2 + .h3{ padding-top:10px;}
.h3 + .h4{ padding-top:10px;}
.h1 + .h4{ padding-top:7px;}
.h1 + .h3{ padding-top:7px;}
.h1+.h1,.h2+.h2,.h3+.h3,.h4+.h4{ padding-top:10px ;}

a {
    color: #e51a4b;
    text-decoration: none;
}

.font13{ font-size:13px; }
.font14{ font-size:14px; }

.navbar-wrapper .navbar{ margin-bottom: 0px; }
a:hover{ text-decoration:none; color:#000 }
/* ---------- End styleguide --------- */

.h2 + .h6{ padding:0 } 

.main-wrapper{
	width:710px; 	background:#fff; 	-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:0 auto; min-height:600px; box-shadow:0 0 3px #e5c7dc; position:relative; z-index:10000;
}

*:focus {
    outline:none !important
}


p {
    padding:15px 0 0 0 ;
    margin:0;
}

    p + p {
        padding-top:7px;
    }


.h1 {
   border-bottom:solid 2px #007cb9; font-size:19px; color:#007cb9; padding-bottom:7px;
    
}
.h2{ margin-bottom:0; font-size:16px; font-weight:700 ;  }
.h2 a{ color:#3b5998 }

.main-data .h1:first-child, .left-panel .h1{ padding-top:0; margin-top:0 }

.sidebar
{
    background:#f8f8f8
}
.main-content-inner
{
    padding-right:15px;
}

.col-xs-10 .h2:first-child{ margin-top:0; padding-top:0 }

.img-border{ border:solid 3px #f5f5f5 ; max-width:110px;  }
.img-border1{ border:solid 3px #f5f5f5; max-width:120px; margin:0 15px 5px 0; float:left  }
/*------------------------------  responsive -----------------------------------*/



/*------------------------------ End responsive -----------------------------------*/

.s-header{ position:relative; }
.s-header .logo{ float:left;  margin-bottom: 15px; }
.s-header{ height:155px; padding:15px;  }
.s-header .slogan{ float:right; color:#007cb9; font-size:18px; font-family:Verdana, Geneva, sans-serif; /* margin-top:32px; */  margin-top:53px;  position:absolute; right:13px  }

.s-menu { background:#3cb6f2; height:47px; border-top:solid 4px #fff;  border-bottom:solid 4px #fff; clear:both; margin:30px -15px; position:relative;   }
.s-menu:after{ background:url(../images/site/nav-left.png) no-repeat; width:92px; height:72px; display:inline-block; content:" "; position:absolute; left:-92px; top:-4px;    }
.s-menu:before{ background:url(../images/site/nav-right.png) no-repeat; width:92px; height:72px; display:inline-block; content:" "; position:absolute; right:-92px; top:-4px;    }

.s-menu {text-align:center;  }
.s-menu .navbar-nav { text-align:center; display:inline-block; float:none  }
.s-menu .navbar-nav > li{ display:inline-block; position:relative; float:none; margin-right:0px }
.s-menu .navbar-nav > li:after{ content:"|"; position:absolute; left:-3px; top:8px; color:#fff }
.s-menu .navbar-nav > li:first-child:after{ content:" "; }
.s-menu .navbar-nav > li > a{ color:#fff; padding: 9px 15px; font-size:17px; }
.s-menu .navbar-nav > li:hover > a, .s-menu .navbar-nav > li > a:hover, .s-menu .navbar-nav > li > a:focus{ background:#007cb9;  } 

.s-menu .navbar-nav > li.active > a, .s-menu .navbar-nav > li.active:hover > a{  background:#0a9be2;   }

.btn-xl1{   border-radius: 44px;   font-size: 24px;    height: 88px;    line-height: 1.33;    padding: 10px 0px;    width: 88px;}
.btn-xl{    font-size: 29px;    line-height: 1.33;    padding: 10px 20px;  }
.effect-rotate{ -ms-transform: rotate(7deg);   -webkit-transform: rotate(7deg);     transform: rotate(7deg); }
.effect-scale{    -ms-transform: scale(1.5);    -webkit-transform: scale(1.5);     transform: scale(1.5); }
.no-round{	-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }
.hover-fade {  -moz-transition: all 0.2s ease-in;  -webkit-transition: all 0.2s ease-in;  -o-transition: all 0.2s ease-in;  transition: all 0.2s ease-in; }
.hover-fade1 {  -moz-transition: all 0.2s ease-out;  -webkit-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out; }

.s-banner{  }
.main-content{ padding:15px; font-family:Arial, Helvetica, sans-serif  }
/* .social-network{ position:absolute; right:15px; top:20px; } */
 .social-network{ position:fixed; right:7px; top:7px; height:35px; z-index:1000000; } 
.social-network a{ margin-bottom:2px; display:inine-block; }
.social-network a:hover{ opacity:1 }


.s-footer{ width:610px; margin:15px auto; font-size:16px; }
.s-footer a{ display:inline-block; margin:0 8px; font-size:16px;  }
.s-footer a, .s-footer{ font-size:16px; color:#ffffff; text-align:center;     }
.s-footer a:hover{ color:#401b1f }

.main-data{ border-bottom:solid 2px #007cb9; margin-bottom:15px; padding-bottom:20px;  min-height:350px; position:relative; }
.main-data-home{  margin-bottom:15px; padding-bottom:20px; font-size:12px; overflow:auto   }
.main-data-home .left-panel{ width:55%; float:left; /* border-bottom:solid 2px #007cb9; */ min-height:400px; padding-bottom:10px; }
.main-data-home .right-panel{ width:40%; float:left; margin-left:5% ; /* border-bottom:solid 2px #007cb9; */ min-height:400px; padding-bottom:10px; }

.main-data-home .right-panel .title{ background:#007cb9; padding:9px; font-size:16px; text-align:center; color:#fff ; display:block; }
.main-data{ overflow:hidden; }
.image1{ margin:10px 0 0; text-align:center  }
.image1 img{ width:100%; }
/*---------------- only ie --------*/

.btn-primary {
    background-color: #28a3e0;
    border-color: #0271a8;
    color: #fff;
}
.btn-primary:hover {
    background-color: #55acee;
    border-color: #0271a8;
    color: #fff;
}
@media all and (-ms-high-contrast:none)
{
	.countdownbox  .countdown-section:before{ margin-left:-5px; }
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 7px 15px;
}




.s-banner-outer {
  padding-top: 0px;
  height: 279px;
  overflow:hidden
}
.s-banner-outer .s-banner {
  height: 279px;
  position: relative;
}
.s-banner-outer .s-banner .sliddeshow {
  height: 279px;
  overflow: hidden;
}
.s-banner-outer .s-banner .banner {
  position: relative;
}
.s-banner-outer .s-banner .banner .bannerimage {
  position: relative;
  z-index: 100;
}
.s-banner-outer .s-banner .banner .bannercontentouter {
  height: 100%;
  width: 279px;
  position: absolute;
  z-index: 103;
  top: 0;
  left: 0;
}
.s-banner-outer .s-banner .banner .bannercontent {
  margin-top: 65px;
  margin-left: 35px;
  width: 450px;
  padding: 5px;
}
.s-banner-outer .s-banner .banner .bannercontent .title2,
.s-banner-outer .s-banner .banner .bannercontent .title1 {
  font-family: 'francker_light', arial;
  color: #081c68;
}
.s-banner-outer .s-banner .banner .bannercontent .title2 {
  font-size: 44px;
  line-height: 44px;
}
.s-banner-outer .s-banner .banner .bannercontent .title1 {
  font-size: 68px;
  line-height: 68px;
}
.s-banner-outer .s-banner .banner .bannercontent .desc {
  color: #595959;
  margin: 10px 0;
}
.s-banner-outer .s-banner .banner .bannercontent .button {
  background-color: #004084;
  font-family: 'francker_light', arial;
  font-size: 24px;
  color: white;
  display: inline-block;
  padding: 15px;
}
.s-banner-outer .s-banner .banner .bannercontent * {
  z-index: 10;
  position: relative;
}
.s-banner-outer .s-banner .banner .bannercontent .bannerwhitebg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.s-banner-outer .s-banner .banner .bannercontentouter.rightside {
  left: 500px;
}
.s-banner-outer .searchinner {
  width: 51%;
  background-color: #eb7215;
  position: relative;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.s-banner-outer .searchinner .field {
  padding: 9px 5px 1px 10px;
  position: relative;
  z-index: 100;
}
.s-banner-outer .searchinner .field .icon-sarchblue {
  position: absolute;
  top: 15px;
  left: 15px;
}
.s-banner-outer .searchinner .field input {
  border: none;
  background: none;
  padding: 5px 5px 5px 30px;
  font-size: 20px;
  color: white;
  width: 460px;
  height: 25px;
  line-height: 22px;
  padding: 0 5px 0 30px;
}
.s-banner-outer .searchinner:after {
  position: absolute;
  right: -18px;
  top: 0px;
  width: 42px;
  height: 44px;
  background: #eb7215;
  transform: skew(-39deg);
  -o-transform: skew(-39deg);
  -moz-transform: skew(-39deg);
  -webkit-transform: skew(-39deg);
  content: "";
  z-index: 10;
}
.s-banner-outer .searchinner.focus {
  background-color: #004084;
  -moz-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.s-banner-outer .searchinner.focus:after {
  background: #004084;
}
.s-banner-outer .ie8 .searchinner {
  background: black;
}
.s-banner-outer .loadingimage {
  position: absolute;
  right: 7px;
  top: 12px;
  z-index: 1000;
}
.s-banner-outer #navbanner {
  position: absolute;
  bottom: 15px;
  left: 42%;
  z-index: 100;
}
.s-banner-outer #navbanner a {
  border: 0px solid #cccccc;
  box-shadow: 0 0 3px #585858;
  border: solid 2px white;
  background: #c2c3c6;
  display: inline-block;
  text-decoration: none;
  margin: 0 3px;
  padding: 0px;
  font-size: 0px;
  height: 12px;
  width: 12px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  -khtml-border-radius: 13px;
  border-radius: 13px;
}
.s-banner-outer #navbanner a.activeSlide {
  background: #da523c;
}
.s-banner-outer #navbanner a:focus {
  outline: none;
}

#contactus{ float:left; width:50%; }
#contactus .container{ width:100% }
#contactus fieldset
{
   width:320px;
   padding:0 10px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}

#contactus legend, h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}

#contactus label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#contactus input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contactus input[type="text"]
{
  height:30px;
  width:220px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
  
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width:100px;
   height:30px;
   text-align:center;
  -webkit-border-radius:3px;
  -moz-border-radius: 3px;
   border-radius: 3px;
   height:35px;   
}

#contactus textarea
{
  height:120px;
  width:310px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;  
}

#contactus input[type="text"]:focus,textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}
#contactus .btn{ background:#28a3e0; color:#fff }
#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}



[id^="slider"].flexslider {  margin: 0 0 15px; }
[id^="slider"] .flex-viewport .slides{ height:400px; overflow:hidden }
[id^="slider"] .flex-viewport .slides li img{  min-height:400px; }
[id^="carousel"].flexslider  .slides li{ height:60px; overflow:hidden; width:60px; }
[id^="carousel"].flexslider  .slides li img{ min-height:60px; max-width:100px;  }

.gallery-out{ padding:0 15px; }

.copyright{ text-align:center; margin:-15px 0 0px 0; padding-bottom:15px; font-family:Arial, Helvetica, sans-serif; display:none;  }

.main-visiters{ position:fixed; bottom:0; right:0; padding:7px }
.main-visiters .lbl{ display:inline-block; vertical-align:top; margin-top:1px; font-family:Arial, Helvetica, sans-serif; }


#FJ_TF_Cont{ position:fixed !important; bottom:0px !important; right:5px !important; }

.copyright1{ text-align:center; margin:15px 0 0px 0; padding-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff  }


.package1{ text-align:center; margin:15px 0 0px 0; padding-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b5998  }

.download_package{ text-align:center; margin:15px 0 0px 0; padding-bottom:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3b5998  }