@charset "utf-8";
/* CSS Document */

/* Font Declaration */
@font-face {
    font-family: 'CalibriRegular';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot') format('embedded-opentype'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg#CalibriRegular') format('svg');
}
@font-face {
        font-family: "Calibri";
        src: url('../fonts/bold/Calibri-Bold.eot');
        src: url('../fonts/bold/Calibri-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bold/Calibri-Bold.svg#Calibri') format('svg'),
        url('../fonts/bold/Calibri-Bold.woff') format('woff'),
        url('../fonts/bold/Calibri-Bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
/* 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: 3px;
	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 15px 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;

}


.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:20px;
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;


}

.

{

font-weight:none;
font-size: 14px;
color:#232323;
list-style: none;

}





.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:10px;

}

.toplogin
{
padding: 40px 0px 0px 0px;
}

.menucolor
{
background-color:#DE9967;

}


.colorbrown
{
background-color:#5F2B00;

}

.tournamentfont
{
	font-size: 33px;
	font-weight: none;
	color: #F8D8C3;
	position: relative;
	top: 90px;
	left: 80px;
}

.tournamentfont2
{
	font-size: 21px;
	font-weight: normal;
	color: #C89776;
	position: relative;
	top: 10px;
	list-style: none;
	line-height: 30px;
	padding-bottom: 20px;
	bottom: 20px;
}

.highlitefont
{
font-size:12px;
font-weight: none;
/*color:#F8D8C3;*/
}

.brownbg
{
background-color:#DE9967;

}

.whitebgcommon
{
background-color:#fff;

}

.smallfont2
{
font-size:14px;
font-weight: none;
color:#141414;
list-style: none;
width:200px;
padding-top:10px;
line-height:20px;
}

.overborder
{
border:1px solid #EBEBEB;
padding:0px 10px 0px 10px;

}

.detailfont
{
font-size:11px;
font-weight: none;
color:#5B2900;
margin-left:10px;


}


.smallfontmain

{
font-family: 'Arimo', sans-serif;
font-weight:none;
font-size: 14px;
line-height: 16px;
color:#232323;
list-style: none;
}

.border2new
{
border-top:1px solid #BFBFBF;
padding:7px;
}

.redborder
{
background-color:#000;
border-top:3px solid #EF1A23;
padding:6px;

}

.titlewhitefont
{
font-size:20px;
font-weight: none;
color:#fff;

}

.titlewhitefont2
{
font-size:14px;
font-weight: none;
color:#fff;

}

.welcomecontentsub
{
	font-size: 15px;
	font-weight: none;
	text-align: justify;

}


.welcomecontentsubj
{
 
font-size: 14px;
text-align: justify;
font-weight: none;
}


.smallfontsub

{
font-family: 'Arimo', sans-serif;
font-weight:none;
font-size: 14px;
line-height: 28px;
color:#232323;
list-style: none;
padding:20px;
letter-spacing: 0.02em;
}


.smalllinesub
{
border-top:1px solid #BFBFBF;
margin-top:8px;
margin-bottom:8px;

}

.brownborder
{
	border: 1px solid #E9BC9B;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.titlebold
{
font-weight:bold;
font-size: 15px;
color:#5F2B00;

}

.regbutton
{
margin-bottom:20px;
font-size:15px;
padding-top:20px;
}

.brownfont
{
font-weight:bold;
font-size: 15px;
color:#5F2B00;

}
sup{
	color: #F00;
	font-family: "MS Serif", "New York", serif;
	font-size: 13px;
}


h2, .h2 {
	font-size: 22px;
	color: #5f2b00;
}
h3, .h3 {
	font-size: 19px;
	color: #ef1a23;
	padding-top: 15px;
}
form{
	padding-bottom: 15px;
}
.social-icons{
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: -15px !important;
}
a{
	color: #F06C00;
}
a:hover{
	color: #FFCC00;
}
h5, .h5 {
    font-size: 17px;
}
p {
    margin: 0 0 10px;
	letter-spacing: 0.02em;
}
.space-bottom{
	padding-bottom: 25px;
}
.clearrow {
	clear: both;
}
b, strong {
    font-weight: bold;
	letter-spacing: 0.03em;
}
.strong {
	font-size: 18px;
}

.tournamentfont2 a{
	font-size: 16px;
	top: 15px;
}

@media(max-width:991px) {
	.tournamentfont
{
	font-size: 20px;
	font-weight: none;
	color: #F8D8C3;
	position: relative;
	top: 20px;
	left: 20px;
}

.tournamentfont2
{
	font-size: 18px;
	font-weight: normal;
	color: #C89776;
	position: relative;
	top: 10px;
	list-style: none;
	line-height: 20px;
	padding-bottom: 10px;
	bottom: 10px;
}
.tournamentfont2 a{
	font-size: 14px;
	top: 15px;
}
	
}

@media(max-width:767px) {
	.tournamentfont
{
	font-size: 20px;
	font-weight: none;
	color: #F8D8C3;
	position: relative;
	top: 20px;
	left: 20px;
}

.tournamentfont2
{
	font-size: 18px;
	font-weight: normal;
	color: #C89776;
	position: relative;
	top: 10px;
	list-style: none;
	line-height: 20px;
	padding-bottom: 10px;
	bottom: 10px;
}
.tournamentfont2 a{
	font-size: 14px;
	top: 15px;
}
	
}

@media(max-width:479px) {
	.tournamentfont
{
	font-size: 20px;
	font-weight: none;
	color: #F8D8C3;
	position: relative;
	top: 20px;
	left: 20px;
}

.tournamentfont2
{
	font-size: 18px;
	font-weight: normal;
	color: #C89776;
	position: relative;
	top: 10px;
	list-style: none;
	line-height: 20px;
	padding-bottom: 10px;
	bottom: 10px;
}
.tournamentfont2 a{
	font-size: 14px;
	top: 15px;
}
	
}


@media(max-width:320px) {
	.tournamentfont
{
	font-size: 20px;
	font-weight: none;
	color: #F8D8C3;
	position: relative;
	top: 20px;
	left: 20px;
}

.tournamentfont2
{
	font-size: 18px;
	font-weight: normal;
	color: #C89776;
	position: relative;
	top: 10px;
	list-style: none;
	line-height: 20px;
	padding-bottom: 10px;
	bottom: 10px;
}
.tournamentfont2 a{
	font-size: 14px;
	top: 15px;
}
}