@charset "utf-8";

/* CSS Document */



/* Font Declaration */



/* Font Declaration End */

#wrapper{

	position: relative;

}

.f-right{

	float: right;

	text-align: right;

}

.f-left{

	float: left;

	text-align: left;

}

.slideshow{

	background: url(../images/slider-1.jpg) no-repeat scroll 0 0 transparent;

	background-size: cover;

	-moz-background-size: cover;

	-webkit-background-size: cover;

	height: 402px;

}

.clear{

	clear: both;

	height: 0;

	visibility: hidden;

}

.navbar-brand{

	display: none;

}

.m-top{

	margin-top: 45px;

	float: right;

}

.p-top{

	float: right;

	margin-top: 20px;

}

#header{

	background: #fff !important;

}

.hr-border{

	border-top: 1px solid #eee;

	border-bottom: 1px solid #fff;

	width: 100%;

	margin: 10px 0;

	display: block;

}

.arrow{

	background: url(../images/arrow-sprite.png) no-repeat scroll 0 0 transparent;

	display: block;

	width: 22px;

	height: 22px;

	 -webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

.box-cont:after{

	border-left: 10px solid rgba(0, 0, 0, 0);

    border-right: 10px solid rgba(0, 0, 0, 0);

    border-bottom: 10px solid #fff;

    content: "";

    left: 10%;

    position: absolute;

    top: -10px;

    z-index: 1000;

}

.box:hover .color-1-af:after{

	border-bottom: 10px solid #25C289;

}

.box:hover .color-2-af:after{

	border-bottom: 10px solid #1691be;

}

.box:hover .color-3-af:after{

	border-bottom: 10px solid #f4bd1a;

}

.box:hover .color-4-af:after{

	border-bottom: 10px solid #e55237;

}

.box:hover .color-5-af:after{

	border-bottom: 10px solid #68217A;

}

.box-cont{

	padding: 10px;

	background: #fff;

	position: relative;

}

.box:hover .color-1-af{

	background: #25C289;

	color: #fff;

}

.box:hover .color-2-af{

	background: #1691be;

	color: #fff;

}

.box:hover .color-3-af{

	background: #f4bd1a;

	color: #fff;

}

.box:hover .color-4-af{

	background: #e55237;

	color: #fff;

}

.box:hover .color-5-af{

	background: #68217A;

	color: #fff;

}

.box{

	margin-bottom: 10px;

}

.box:hover .box-cont span{

	background-position: -22px 0;

}

.ftr{

	background: #fff;

	padding: 15px 0 0;

}

.ftr p{

	margin-top: 8px;

}

.social-icons li{

	list-style: none;

	display: inline;

	margin-left: 5px;

}

.social-icons li a{

	background: url(../images/social-icons.png) repeat scroll 0 0 transparent;

	display: block;

	width: 27px;

	height: 26px;

	display: inline-block;

}

.social-icons li a.google{

	background-position: 0 0;

}

.social-icons li a.google:hover{

	background-position: 0 -26px;

}

.social-icons li a.youtube{

	background-position: -28px 0;

}

.social-icons li a.youtube:hover{

	background-position: -28px -26px;

}

.social-icons li a.facebook{

	background-position: -56px 0;

}

.social-icons li a.facebook:hover{

	background-position: -56px -26px;

}

.social-icons li a.linkedin{

	background-position: -86px 0;

}

.social-icons li a.linkedin:hover{

	background-position: -86px -26px;

}

.social-icons li a.twitter{

	background-position: -116px 0;

}

.social-icons li a.twitter:hover{

	background-position: -116px -26px;

}





input, textarea, select{

	border: 1px solid #e9e9e9;

	padding: 6px;

	color: #333;

	background: #f9f9f9;

	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border linear .2s, box-shadow linear .2s;

  -moz-transition: border linear .2s, box-shadow linear .2s;

  -o-transition: border linear .2s, box-shadow linear .2s;

  transition: border linear .2s, box-shadow linear .2s;

}

input:focus, textarea:focus{

	outline: 0;

  outline: thin dotted \9;

  border: 1px solid #1a91c0;

  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #3cebab;

  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 #3cebab;

  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #3cebab;

}

.cont-input{

	margin: 10px 0;

}

label{

	display: block;

	font-weight: normal;

	text-shadow: 0 1px 0 #fff;

}

.label-group{

	float: left;

	position: relative;

	/*margin-right: 10px;*/

	width: 48%;

	margin-bottom: 20px;

}

.cont-form textarea{

	height: 100px;

}

.textarea{

	width: 100% !important;

}

.textarea textarea{

	width: 100% !important;

}

.cont-btn{

	padding: 10px 40px !important;

	font-size: 20px;

}

.form-btn{

	margin-bottom: 10px;

}

.form-btn input[type="submit"], .butt{

	width: auto;

	padding: 7px 20px;

	background: #1a91c0;

	border: 0 none;

	color: #fff;

	border: 2px solid transparent;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow:  none;

}

.form-btn input[type="submit"]:hover, .butt:hover {

	border: 2px solid #1a91c0;

	color: #1a91c0;

	background: #fff;

}

.label-group input, .label-group select{

	width: 100%;

}

.lft{

	margin-left: 4%;

}

.nav-tabs > li:last-child a{

	margin-right: 0;

}

.s-Tab li{

	width: auto;

}

.mytab, .s-Tab{

	background: #f9f9f9;

}

.mytab li{

	width: 33.33333%;

}

.s-tab li{

	width: 25%;

}

.mytab li a{

	text-align: center;

	/*padding: 5px 20px;*/

	height: 60px;

	line-height: 55px;

	padding: 0;

	border-radius: 0;

	border: 0 none;


	font-family:"Calibri", Arial;

	border-top: 3px solid transparent !important;

}

.spec{

	margin: ;

	list-style: disc;

	width: 100%;

	padding: 0 0 8px 18px;

}

.spec li{

	width: 100%;

	margin-bottom: 10px;

}

.soln-tab{

	margin: 20px 0;

}

.s-tab li a{

	text-transform: uppercase;

	font-size: 18px;

}

.mytab li.active > a{

	border-right: 0 none !important;

	border-left: 0 none !important;

	background: #fff;

}

.mytab li.active > a.t-color-1{

	border-top: 3px solid #1a91c0 !important;

}

.mytab li.active > a.t-color-2{

	border-top: 3px solid #1691BE !important;

}

.mytab li.active > a.t-color-3{

	border-top: 3px solid #68217A !important;

}

.mytab li.active > a.t-color-4{

	border-top: 3px solid #e55237 !important;

}

.mytab li a:hover{

	background: none;

}

.tab-content{

	background: #fff;

	width: 100%;

	padding: 20px 10px 10px 10px;

}

.Tab{

	margin-top: 75px;

}

.box-shadow{

	background: url(../images/box-shadow.png) no-repeat scroll center center transparent;

	display: block;

	height: 23px;

}

.language{

	position: absolute;

	right: 10px;

	top: 0;

}

.language select{

	border-radius: 3px;

	border: 1px solid #ccc;

	padding: 5px;

	margin-top: -2px;

}

.boxes{

	margin-top: 10px;

}

.overview{

	margin-bottom: 20px;

}



.testimonials{

	margin-top: 10px;

}

.author{

	margin: 10px 0;

}

.author img{

	border-radius: 50%;

	border: 5px solid #dddddd;

	float: left;

	margin-right: 20px;

}

.author strong, .author span{

	display: block;

}

.author strong{

	margin-top: 15px;

}



.service-box{

	margin-bottom: 10px;

}

.pos-hiden{

	overflow: hidden;

	position: relative;

}

.service-box:hover .clickHere{

	bottom: 0;	

}

.ser-head{

	position: absolute;

	bottom: 0;

	width: 100%;

	font-size: 20px;

	padding: 5px 0;

	color: #fff;

	text-align: center;

}

.service-box:hover .ser-head{

	display: none;

}

.clickHere{

	background: trnsparent;

    bottom: -500px;

    color: #FFFFFF !important;

    left: 0;

	font-family: "Calibri", Arial, sans-serif;

    line-height: 20px;

    padding: 8px;

    position: absolute;

    text-decoration: none;

    transition: all 0.6s ease 0s;

	-moz-transition: all 0.6s ease 0s;

	-webkit-transition: all 0.6s ease 0s;

	-o-transition: all 0.6s ease 0s;

	-ms-transition: all 0.6s ease 0s;

    width: 100%;

}

.clickHere h4{

	margin: 10px 10px 20px 0;

	font-size: 20px;

	color: #fff;

	background: trnsparent;

}

.clickHere  p{

	padding-bottom: 60px;

}

.color-11{

	background: #25C289;

}

.color-1-af{

}

.color-1{

	background: rgba(58, 199, 148, 0.9);

}

.color-22{

	background: #1691be;

}

.color-2{

	background: rgba(22, 145, 190, 0.9);

}

.color-33{

	background: #f4bd1a;

}

.color-3{

	background: rgba(244, 189, 26, 0.9);

}

.color-44{

	background: #e55237;

}

.color-4{

	background: rgba(229, 82, 55, 0.9);

	

}

.color-5{

	background: rgba(104, 33, 122, 0.9);

	

}

.service-1{

	width: 256px;

	background: url(../images/service.jpg) no-repeat scroll 0 0 transparent;

	height: 272px;

	display: block;

}

.service-2{

	width: 256px;

	background: url(../images/work.jpg) no-repeat scroll 0 0 transparent;

	height: 272px;

	display: block;

}

.service-3{

	width: 256px;

	background: url(../images/studies.jpg) no-repeat scroll 0 0 transparent;

	height: 272px;

	display: block;

}

.service-4{

	width: 256px;

	background: url(../images/operate.jpg) no-repeat scroll 0 0 transparent;

	height: 272px;

	display: block;

}

.what-we-do{

	margin: 20px 0;

}

/* Flip flop */

.panel {

		float: left;

		width: 100%;

		height: 100%;

		position: relative;		

		-webkit-perspective: 600px;

		-moz-perspective: 600px;

						perspective: 600px;

	}

	/* -- make sure to declare a default for every property that you want animated -- */

	/* -- general styles, including Y axis rotation -- */

	.panel .front {

		float: none;

		/*position: absolute;*/

		top: 0;

		left: 0;

		z-index: 900;

		width: inherit;

		height: inherit;

		-webkit-transform: rotateX(0deg) rotateY(0deg);

			 -moz-transform: rotateX(0deg) rotateY(0deg);

						transform: rotateX(0deg) rotateY(0deg);

		-webkit-transform-style: preserve-3d;

			 -moz-transform-style: preserve-3d;

						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;

			 -moz-backface-visibility: hidden;

						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */

		-webkit-transition: all .4s ease-in-out;

						transition: all .4s ease-in-out;

	}

	.panel.flip .front {

		z-index: 900;		

		-webkit-transform: rotateY(180deg);

			 -moz-transform: rotateY(180deg);

						transform: rotateY(180deg);

	}

	.panel .back {

		float: none;

		position: absolute;

		top: 0;

		left: 0;

		z-index: 800;

		width: inherit;

		height: inherit;

		-webkit-transform: rotateY(-180deg);

			 -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */

						transform: rotateY(-179deg);



		-webkit-transform-style: preserve-3d;

			 -moz-transform-style: preserve-3d;

						transform-style: preserve-3d;



		-webkit-backface-visibility: hidden;

			 -moz-backface-visibility: hidden;

						backface-visibility: hidden;



		/* -- transition is the magic sauce for animation -- */

		-webkit-transition: all .4s ease-in-out;

						transition: all .4s ease-in-out;

	}



	.panel.flip .back {

		z-index: 1000;

		background: #80868d;



		-webkit-transform: rotateX(0deg) rotateY(0deg);

			 -moz-transform: rotateX(0deg) rotateY(0deg);

						transform: rotateX(0deg) rotateY(0deg);



		box-shadow: 0 15px 50px rgba(0,0,0,0.2);

	}

  /* -- contact panel -- */

  .box {

    width: 100%;

    height: 100%;

	overflow: hidden;

  }

  .box img{

	  transition: all 500ms linear 0s;

	  -webkit-transition: all 500ms linear 0s;

	  -moz-transition: all 500ms linear 0s;

	  -o-transition: all 500ms linear 0s;

	  width: 100%;

	  z-index: -1;

	  overflow: hidden;

	  position: relative;

  }

  .box img:hover{

	  transform: scale(1.1);

	  -webkit-transform: scale(1.1);

	  -moz-transform: scale(1.1);

	  -o-transform: scale(1.1);

  }

/* Flip flop End */



/* Select Language */

#lang_sel {height:32px; float: right; position:relative; z-index:99;  font-family: inherit;}

/* hack to correct IE5.5 faulty box model */

* html #lang_sel {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */

#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}

#lang_sel li:before{content:'' !important;}

#lang_sel ul ul {width:100px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#lang_sel li {float:left;width:105px;position:relative;}

/* style the links for the top level */

#lang_sel a, #lang_sel a:visited {display:block;font-size:13px;

text-decoration:none !important; color:#414042; border:1px solid #cdcdcd; background:#fff; padding:0 20px 0 10px; line-height:24px;}

/* a hack so that IE5.5 faulty box model is corrected */

* html #lang_sel a, * html #lang_sel a:visited {width:149px; w\idth:138px;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:28px;left:0; width:95px;/*border-top:1px solid #cdcdcd;*/}

/* another hack for IE5.5 */

* html #lang_sel ul ul {top:18px;t\op:19px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;;}



/* style the second level links */

#lang_sel ul ul a, #lang_sel ul ul a:visited {background:#ffffff;

 color:#414042; height:auto; line-height:24px; padding:0 20px 0 10px; /*border-width:0 1px 1px 1px;*/ width:104px; margin:0px; }

/* yet another hack for IE5.5 */

* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;}



/* style the top level hover */

#lang_sel a:hover, #lang_sel ul ul a:hover{color:#414042; background:#eee;}

#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#414042; background:#eee;}



#lang_sel a.lang_sel_sel{

    background:url(../images/nav-arrow-down.png) #fff right no-repeat;

    color:#414042;

	/*width:81px;*/

}

#lang_sel a.lang_sel_sel:hover{

    text-decoration: none;

    color:#414042;

}



/* make the second level visible when hover on first level list OR link */

#lang_sel ul li:hover ul,

#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel img.iclflag{width:18px;height:12px;position: relative; top: -1px; /*padding:5px 0 0 0 ; *padding-top:0;*/ }

#lang_sel ul li.icl-en img.iclflag{width:18px;height:12px;position: relative; top: -1px; left: -6px; padding:0;}

#lang_sel ul li.icl-fr img.iclflag{width:18px;height:12px;position: relative; top: 0px; padding:0;}

#lang_sel_footer {

  margin: 0;

  padding: 7px;

  text-align: center;

  border: 1px solid #fff;

  font: 11px Verdana, sans-serif;

  height: 15px;

  clear: both;

  background-color: #fff;

  border: 1px solid #cdcdcd;

}

#lang_sel_footer ul {

  list-style: none;

  margin:0;

  padding:0;

}

#lang_sel_footer ul li img {

  position: relative;

  top: 1px;

  width: 18px;

  height: 12px;

}

#lang_sel_footer ul li {

  display:inline;

  margin:0 1px 0 0;

  padding:0;

}

#lang_sel_footer ul li a, #lang_sel_footer ul li a:visited {

  text-decoration: none;

  padding: 5px 10px;

}

#lang_sel_footer ul li a:hover, #lang_sel_footer ul li a:active {}

#wpml_credit_footer { width: 100%; margin: 10px 0; padding: 0; text-align: center; font-size: 11px; }



#lang_sel_list {height:32px; position:relative; z-index:99;  font-family: inherit; width:149px;}

/* hack to correct IE5.5 faulty box model */

* html #lang_sel_list {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */

#lang_sel_list ul, #lang_sel_list li {padding:0 !important; margin:0 !important; list-style-type:none !important;}

#lang_sel_list li:before{content:'' !important;}

#lang_sel_list ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#lang_sel_list li {float:left;width:149px;position:relative;}

/* style the links for the top level */

#lang_sel_list a, #lang_sel_list a:visited {display:block;font-size:11px;text-decoration:none !important; color:#414042; border:1px solid #cdcdcd; border-width:0 1px 1px 1px; background:#fff; padding-left:10px; line-height:18px;}

/* a hack so that IE5.5 faulty box model is corrected */

* html #lang_sel_list a, * html #lang_sel_list a:visited {width:149px; w\idth:138px;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

#lang_sel_list ul {/*visibility:hidden;position:absolute;*/height:0;top:19px;left:0; width:149px;border-top:1px solid #cdcdcd;}

/* another hack for IE5.5 */

* html #lang_sel_list ul {top:18px;t\op:19px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */

#lang_sel_list table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links */

#lang_sel_list ul a, #lang_sel_list_list ul a:visited {background:#ffffff; color:#414042; height:auto; line-height:1em; padding:3px 10px;}

/* yet another hack for IE5.5 */

* html #lang_sel_list ul a, * html #lang_sel_list ul a:visited {width:150px;w\idth:128px;}



#lang_sel_list a.lang_sel_sel{

    background-image: none;

    color:#414042;

}

#lang_sel_list a.lang_sel_sel:hover{

    text-decoration: none;

    color:#414042;

}

/* make the second level visible when hover on first level list OR link */

#lang_sel_list ul li:hover ul,

#lang_sel_list ul a:hover ul{visibility:visible; }



#lang_sel_list img.iclflag{width:18px;height:12px;position: relative; top: 1px;}



#lang_sel.icl_rtl{

    text-align:right;

    direction: rtl;

}

#lang_sel.icl_rtl .lang_sel_sel{

    padding-right:14px;

}



/* reset menu img definitions */

.menu-item-language img.iclflag{height:12px !important; width:18px !important; margin-bottom:0 !important; margin-right:4px;}



/* Style for custome select box */

.sel_language {

	height:21px;

	/*width:190px;*/

	text-align:center;

	float:left;

	width: 100%;

	/*margin:5px 0 0 230px; */

	/*margin: 0px -64px 0 282px;*/

}

.sel_language strong {

	color:#414042;

	line-height:20px;

	float:left;

	margin:0 15px 0 0;

}

.sel_language a {

	padding:0 8px 0 8px;

	display:inline-block;

	float:left;

	margin:3px 0 0 0;

}

.sel_language a:first-child{

	margin: 0 0 0 0;

}

.sel_language a.right_brdr {

	border-right:1px solid #7e7e7e;

}

/* End Language Select box */





/* Contact Us */

.address-icon{

	background: url(../images/map-icon.png) no-repeat scroll left top transparent;

	display: block;

	padding-left: 40px;

}

.call-icon{

	background: url(../images/call-icon.png) no-repeat scroll left top transparent;

	padding-left: 40px;

	display: block;

}

.mail-icon{

	background: url(../images/mail-icon.png) no-repeat scroll left top transparent;

	padding-left: 40px;

	display: block;

}

#map{

	margin: 20px 0 0;

}

.add-ress{

	margin: 10px 0;

}





.our-solution{

	border: 1px solid #eee;

	box-shadow: 0 0 2px #eee;

	/*padding: 10px;*/

	background: #fff;

	border-radius: 3px;

}

.our-solution ul{

	list-style: none;

	padding: 0 0 0 0;

	margin: 0;

}

.our-solution h4{

	margin-left: 20px;

	margin-right: 20px;

	border-bottom: 1px solid #eee;

	padding-bottom: 10px;

}

.our-solution li{

	line-height: 28px;

}

.our-solution li a{

	padding: 10px 10px 10px 20px;

	display: block;

	transition: padding-left 0.3s ease 0s;

	-moz-transition: padding-left 0.3s ease 0s;

}

.our-solution li a:hover, .our-solution li a.active{

	background: url(../images/right-arrow.png) no-repeat scroll 95% center #F9F9F9;

	padding-left: 28px;

	

}



#spec{

}

#spec li{

	line-height: 28px;

}







/* Nivo Slider */

/*

 * jQuery Nivo Slider v2.7.1

 * http://nivo.dev7studios.com

 *

 * Copyright 2011, Gilbert Pellegrom

 * Free to use and abuse under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 * 

 * March 2010

 */

 

 

/* The Nivo Slider styles */

.nivoSlider {

	position:relative;

}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

}

/* If an image is wrapped in a link */

.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:6;

	display:none;

}

/* The slices and boxes in the Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

}

/* Caption styles */

.nivo-caption {

	position:absolute;

	left:0px;

	bottom:0px;

	background:#000;

	color:#fff;

	opacity:0.8; /* Overridden by captionOpacity setting */

	width:100%;

	z-index:8;

}

.nivo-caption p {

	padding:5px;

	margin:0;

}

.nivo-caption a {

	display:inline !important;

}

.nivo-html-caption {

    display:none;

}

/* Direction nav styles (e.g. Next & Prev) */

.nivo-directionNav a {

	position:absolute;

	top:45%;

	z-index:9;

	cursor:pointer;

}

.nivo-prevNav {

	left:0px;

}

.nivo-nextNav {

	right:0px;

}

/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {

	position:relative;

	z-index:9;

	cursor:pointer;

}

.nivo-controlNav a.active {

	font-weight:bold;

}



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



Slider (CSS3 + Nivo Slider) [Tutorial]

"Slider (CSS3 + Nivo Slider)" that was specially made for DesignModo by our friend Valeriu Timbuc. 



Links:

http://vtimbuc.net/

https://twitter.com/vtimbuc

http://designmodo.com/futurico

http://vladimirkudinov.com

http://rockablethemes.com



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



/*

Skin Name: Futurico Theme

Skin URI: http://designmodo.com

Skin Type: fixed

Image Width: 290

Image Height: 170

Description: Futurico UI CSS3 Theme for Nivo slider.

Version: 1.0

Author: Valeriu Timbuc

Author URI: http://vtimbuc.net

*/



.pagination-border{

	background: url(../images/nivo-slider-pagination.png) no-repeat scroll 4px center transparent;

	display: block;

	height: 2px;

	width: 100%;

	position: absolute;

	bottom: -29px;

}

.futurico-theme.slider-wrapper {

	position: relative;

	

	margin: 0;

	padding: 5px;

	

	background: #141517;



	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



.futurico-theme .nivoSlider {

	position: relative;

	

}



.futurico-theme .nivoSlider img {

	display: none;

	position: absolute;

	

	top: 0;

	left: 0;

}



.futurico-theme .nivo-controlNav {

	position: absolute;

	bottom: -40px;

	left: 43%; /* Change this to center the navigation */

}



.futurico-theme .nivo-controlNav a {

	display: block;

	float: left;

	width: 16px;

	height: 16px;

	margin-right: 5px;

	text-indent: -9999px;

	

	background: #212424;



	-webkit-border-radius: 16px;

	-moz-border-radius: 16px;

	border-radius: 16px;



	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);

	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);

	box-shadow: inset 0px 1px 1px rgba(0,0,0, .5), 0px 1px 1px rgba(255,255,255, .05);

}



.futurico-theme .nivo-controlNav a.active,

.futurico-theme .nivo-caption span {

	background: #d3aa43;

	background: -moz-linear-gradient(90deg, #d3aa43 0%, #e5bc55 100%);/* FF3.6+ */

	background: -webkit-gradient(linear, 90deg, color-stop(0%, #d3aa43), color-stop(100%, #e5bc55));/* Chrome,Safari4+ */

	background: -webkit-linear-gradient(90deg, #d3aa43 0%, #e5bc55 100%);/* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(90deg, #d3aa43 0%, #e5bc55 100%);/* Opera 11.10+ */

	background: -ms-linear-gradient(90deg, #d3aa43 0%, #e5bc55 100%);/* IE10+ */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3aa43', endColorstr='#e5bc55', GradientType='0'); /* for IE */

	background: linear-gradient(0deg, #d3aa43 0%, #e5bc55 100%);/* W3C */

}



.futurico-theme .nivo-directionNav a {

	display: block;

	top: 47%;

	padding: 0 10px;

	background: #F9F9F9;

	font-family: 'Consolas', sans-serif;

	font-size: 40px;

	color: #141517;

	text-shadow: 0px 1px 1px rgba(255,255,255, .05);

}



.futurico-theme a.nivo-prevNav { /*left: -40px; */}



.futurico-theme a.nivo-nextNav { right: -2px; }



.futurico-theme .nivo-caption {

	padding: 5px 0;



	font-family: Helvetica, Arial, sans-serif;

	font-size: 12px;

	color: #e1e1e1;

	

	background: #000000;



	-webkit-border-radius: 0 0 3px 3px;

	-moz-border-radius: 0 0 3px 3px;

	border-radius: 0 0 3px 3px;

}



.futurico-theme .nivo-caption span {

	display: inline-block;

	width: 5px;

	height: 5px;

	margin: 0 5px 1px 5px;



	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

}



.futurico-theme .nivo-caption em {

	font-family: Georgia, sans-serif;

	font-size: 11px;

	color: #727581;

}







#disc{

	list-style-image: url(../images/disc.png);

	line-height: 2em;	

	list-style-position: outside;

	padding: 0 0 0 15px;

}





.buttons {

	width:221px;

	height:auto;

	display:block;

	margin-right:1px;

	float:left;

	overflow: hidden;

}

.buttons a{

	margin-bottom: 2px;

	margin-top: 2px;

}

.button_h:after{

	border-left: 10px solid transparent;

	border-top: 10px dashed transparent;

	border-bottom: 10px dashed transparent;

	content:"";

	position: absolute;

	right: -10px;

	width: 0;

	top: 46%;

	height: 0;

}

.button.color-1:after{

	border-left: 10px solid rgba(58, 199, 148, 0.9);

}

.button.color-2:after{

	border-left: 10px solid rgba(22, 145, 190, 0.9);

}

.button.color-3:after{

	border-left: 10px solid rgba(244, 189, 26, 0.9);

}

.button.color-4:after{

	border-left: 10px solid rgba(229, 82, 55, 0.9);

}

.button.color-5:after{

	border-left: 10px solid rgba(104, 33, 122, 0.9);

}

.button {

	width:170px;

	height:150px;

	/*background:#04836c;*/

	position:relative;

	padding:20px 10px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box;

	text-align: center;

}



.button h3 {

	font-size:20px;

	font-weight: normal;

	color:#fff;

	margin-top: 10px;

	font-family: "CalibriRegular",Arial,sans-serif;

}



.button img {

margin-top: 14px

}



.button_h {

	/*background:#03997e ;*/

}



.button + .button {

margin-top: 2px;

}



.color-tab{

padding-bottom: 30px;

}



.bluebg

{

background-color:#0173BC;

border-bottom: 8px solid #DBDBDB;

}





.greyboxbg

{

	background-color:#E3E3E3;

	background-repeat:no-repeat;

	padding: 0px 0px 0px 10px;

	margin:9px;

	position:relative;

	top:2px;

	min-height:40px;

	line-height:18px;

	min-width:200px;





}



.boxfont

{

font-size:11px;

font-family: 'Arimo', sans-serif;

font-weight: bold;

padding-left:10px;

color:#000000;



}





.welcomecontent

{

font-size:15px;

font-family: 'Arimo', sans-serif;

font-weight: none;

position:relative;

top:15px;

line-height:20px;

padding-left:20px;

padding-right:20px;

padding-bottom:20px;



}



.welcomecontent2

{

font-size:15px;

font-family: 'Arimo', sans-serif;

font-weight: none;

position:relative;

top:15px;

line-height:20px;

padding-left:0px;

padding-right:0px;

padding-bottom:0px;



}



.boxgreymiddle

{

background-color:#F1F0F0;

position:relative;

top:10px;

}



.servicefont

{

font-size:18px;

font-family: 'Arimo', sans-serif;

font-weight: bold;

padding-left:10px;

color:#0058BC;

position:relative;

top:20px;

}



.servicesubfont

{

font-size:14px;

font-family: 'Arimo', sans-serif;

font-weight: none;

color:#333333;

position:relative;

top:20px;

}



.imgfixtab

{

position:relative;

top:10px;







}



.whitebg

{

background-color:#ffffff;

}



.whitebg2

{



border-left: solid 10px #F1F0F0;

background-color:#ffffff;



}



.imgfixtab2

{

float:right;



}



.lefttitle

{

font-size:15px;

font-family: 'Arimo', sans-serif;

font-weight: none;

color:#333333;

position:relative;

top:20px;



}



.lefttitlesmall

{

font-size:13px;

font-family: 'Arimo', sans-serif;

font-weight: none;

color:#333333;

position:relative;

top:10px;

}



.knowbutton

{

padding-top:24px;

border-bottom: 1px solid #CACACA;



}



.buttonfont

{

font-size:13px;

font-weight: none;

position:relative;

top:-29px;

bottom:9px;

padding:5px;

background-color:#EDEDED;

float:right;

}



.sidebord

{



border-left: solid 10px #F1F0F0;

border-repeat: repeat;

}



.socialarrange

{

padding: 0px 5px 0px 5px;



}



.socialarrange2

{

position:relative;

top:20px;

padding:0px 0px 0px 120px;







}



.footerbg

{

background-color:#2E3D4C;

}



.footext

{

font-size:14px;

font-weight: none;

color:#A5ABB2;

padding:20px 0px 0px 0px;



}



.footext2

{

font-size:14px;

font-weight: none;

color:#A5ABB2;

padding:20px 0px 0px 0px;





}



.page img



{ min-width:100%;

}

.subtopline

{

border-top: 3px solid #DBDBDB;

border-bottom: 8px solid #F1F0F0;



}



.greybg

{

background-color:#F1F0F0;



}



.whitebg

{



background-color:#fff;

}



.aboutustitle

{

font-size:22px;

font-family: 'Istok Web', sans-serif;

font-weight: none;



}



.aboutussub

{

font-size:16px;

font-family: 'PT Sans', sans-serif;

font-weight: none;

text-align:justify;



}



.navfont

{

font-size:12px;

font-family: 'PT Sans', sans-serif;

font-weight: none;



}



.sidebox

{



border: 1px solid #DBDBDB;

padding:5px;

}



.smallfont2



{

font-family: 'Arimo', sans-serif;

font-weight:none;

font-size: 14px;

line-height: 16px;

color:#232323;

margin-left:10px;

margin-right:10px;

list-style: none;

padding:0px;





}



.smallfont3



{

font-family: 'Arimo', sans-serif;

font-weight:none;

font-size: 14px;

line-height: 42px;

color:#232323;

margin-left:0px;

margin-right:0px;

list-style: none;

padding:0px;





}



.servicetitle



{

font-family: 'Arimo', sans-serif;

font-weight:bold;

font-size: 18px;

line-height: 16px;

color:#318FCD;

}





.link4 a:link {

font-family: 'PT Sans', sans-serif;

font-weight:none;

list-style: none;

font-size: 16px;

line-height: 16px;

color:#232323;

padding:0px;





}



.link4 a:visited {

font-family: 'PT Sans', sans-serif;

font-weight:none;

font-size: 16px;

line-height: 16px;

color:#232323;

padding:0px;

list-style: none;





}



.link4 a:hover {

font-family: 'PT Sans', sans-serif;

font-weight:none;

font-size: 16px;

line-height: 16px;

color:#fff;

margin:0px;

list-style: none;

background-color:#318FCD;

background-repeat:repeat-x;



}



.link4 a:active {

font-family: 'PT Sans', sans-serif;

font-weight:none;

font-size: 16px;

line-height: 16px;

color:#232323;

list-style: none;

padding:0px;





}



.linemiddle

{



border-bottom: 1px solid #DBDBDB;





}



.partnerbg

{

border: 6px solid #F3F3F3;

margin-left:0px;

margin-right:0px;

}





.servicetitle2



{

font-family: 'Arimo', sans-serif;

font-weight:bold;

font-size: 16px;

line-height: 16px;

color:#318FCD;

margin-left:6px;

position:relative;

bottom:10px;

}



.appsbg

{

background-color:#F1F0F0;

background-repeat:repeat-x;



}



.comingtxt

{

font-family: 'Arimo', sans-serif;

font-weight:none;

font-size: 15px;

text-align: center;





}





.smallfont4



{

font-family: 'Arimo', sans-serif;

font-weight:none;

font-size: 14px;

line-height: 16px;

color:#232323;

list-style: none;

padding:0px;





}



.colorbg

{



background-color:#F1F0F0;

tex-align:center;

}



.footerbg2

{



background-color:#318FCD;

padding:20px;

}





.smallfont6



{

font-family: 'Arimo', sans-serif;

font-weight:none;

font-size: 14px;

line-height: 22px;

color:#232323;

margin-left:10px;

margin-right:10px;

list-style: none;

padding:0px;





}





.whitefontsmall

{

font-family: 'Arimo', sans-serif;

font-weight:none;

font-size: 14px;

line-height: 22px;

color:#ffffff;

}



.plugspace

{

padding-top:20px;

}



.welcomecontentprod

{

font-size:15px;

font-family: 'Arimo', sans-serif;

font-weight: none;

position:relative;

top:15px;

line-height:20px;

padding-left:0px;

padding-right:0px;

padding-bottom:0px;

text-align:justify;



}



.fonthighlightnew

{

font-size:18px;

font-family: 'Arimo', sans-serif;

font-weight: bold;

color:#0159BC;

text-decoration:underline;

}



.bigfield

{

width:100%;

margin-bottom:20px;



}





.fonthighlightnew2

{

font-size:15px;

font-family: 'Arimo', sans-serif;

font-weight: bold;

color:#0159BC;

text-decoration:underline;

}



.smallfontcareers



{

font-family: 'Arimo', sans-serif;

font-weight:none;

font-size: 14px;

line-height: 22px;

color:#232323;

margin-left:0px;

margin-right:0px;

list-style: none;

padding:0px;





}



.careerhighlight



{



font-family: 'Arimo', sans-serif;

font-weight:bold;

font-size: 14px;

line-height: 22px;

color:#0274BD;

}



.jobdetailslight



{



font-family: 'Arimo', sans-serif;

font-weight:bold;

font-size: 15px;

line-height: 22px;

color:#515151;

}



.personalfont



{



font-family: 'Arimo', sans-serif;

font-weight:bold;

font-size: 15px;

line-height: 16px;

color:#0072BB;

}

.button_css
{
font-family: 'Arimo', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4B4B4B;
    background-color: #E7E7E7;
    border: 1px solid #BEBEBE;
    height: 22px;
    text-decoration: none;
    width: 80px;
	padding : 10px;
	}
	
	.borderbottom
	{
border-bottom: 10px solid #123960;
margin-bottom:10px;
	
	}
	
	.menuband
	{
	background-color: #3E95D0;
	
	text-align:center;

	
	}
	
.cursivefont
{




font-family: 'Lobster', cursive;

font-weight: 400;

font-size: 22px;

line-height: 18px;

color:#8B8989;
position:relative;
top:13px;


}

.linem
{
position:relative;
top:20px;
}

.footerfnt
{
font-family: 'gothic' !important;

font-weight: none;

font-size: 12px;

line-height: 18px;

color:#8B8989;




}

.dottedpic
{

background-image: url(images/dot.jpg) no-repeat ;
background-repeat:no-repeat;
}

.bluesection
{
background-color:#123960;
background-repeat:repeat-x;
}
.sep
{

list-style:none;
padding:25px;

line-height:25px;
}


.subpagefont
{

font-family: 'gothic' !important;
font-weight: none;
font-size: 15px;
line-height: 18px;
color:#ffffff;
}

.subpagefontsmall
{
font-family: 'gothic' !important;
font-weight: none;
font-size: 12px;
color:#ffffff;
text-align:justify;
}


.subpagefontcontact
{
font-family: 'gothic' !important;
font-weight: none;
font-size: 12px;
color:#ffffff;

}

.subpagefontnews2
{
font-family: 'gothic' !important;
font-weight: none;
font-size: 13px;
color:#9ED7D4;

}


.footerlinksnew
{

font-family: 'gothic' !important;
font-weight: none;
font-size: 13px;
color:#8B8989;


}

@font-face {
	font-family: 'gothic';
	src: url('./gothic.eot');
	src: local('gothic'), url('./gothic.woff') format('woff'), url('./gothic.ttf') format('truetype');
}


.navss
 {
  background-color: #eee;
  font-family: 'gothic' !important;
color:#8B8989;
  
}

.select
{
  background-color: #000;

}

.bluebgb
{
background: url(../images/bg.jpg);
background-repeat:repeat-x;



}

.moc
{
background: url(../images/icons-main.png);
background-repeat:no-repeat;

}

.yellowline
{
background-color: #FDB813;
padding:5px;

}
.fontmain{


font-family: 'Lato', sans-serif;

font-size:18px;

color:#fff;

}
.runningfont
{
font-family: 'Abel', sans-serif;
font-size:22px;
color:#fff;
line-height: 22px;
}

.greenbg
{

background-color: #0088BF;
}


.fontmainhigh{


font-family: 'Lato', sans-serif;

font-size:19px;

color:#fff;

}

.fontmainhigh222{


font-family: 'Lato', sans-serif;

font-size:19px;

color:#fff;
text-align:justify;

}


.linesep
{
	border-bottom: 2px solid #D0FFA4;

}

.comom
{

font-size:15px;
color:#222222;
text-align:justify;
}
.yellowbg
{

background-color: #FCFF00;
}

.comom2
{

font-size:13px;
color:#fff;
line-height: 16px;
}

.comom3
{

font-size:13px;
color:#FBFF00;
line-height: 16px;
font-weight:bold;
}

.bluefooter
{

background-color: #000C4A;
padding:15px;
}

.footerlink{

    display: inline;
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;



}


.cursivefont2
{




font-family: 'Open Sans', sans-serif;

font-weight: 500;

font-size: 20px;

line-height: 25px;

color:#004885;
position:relative;
top:13px;


}