@import url('normalize.css');



@font-face {

    font-family: 'Calibri';

    src: url('Calibri/Calibri.eot?#iefix') format('embedded-opentype');

    src: local('☺'), url('Calibri/Calibri.woff') format('woff'),

   		 url('Calibri/Calibri.ttf') format('truetype');

    //font-weight: bold;

}



@font-face {

    font-family: 'CalibriBold';

    src: url('Calibri/calibrib_bold.eot?#iefix') format('embedded-opentype');

    src: local('☺'), url('Calibri/calibri_bold.woff') format('woff'),

   		 url('Calibri/calibri_bold.ttf') format('truetype');

   	font-weight: normal;

}

@font-face {

    font-family: 'Calibri Italic';

    src: url(Calibri/Calibri-Italic.ttf);

    font-weight: bold;

}

 /*Style for header*/

body{

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

	font-size: 12px;

}

p{

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

	font-size: 1.250em;

	line-height: 24px;

}

header{

 	background-color: #dc0a2f;

 	color: #fff;

 	text-transform: uppercase;

 	height: 100px;

 	border-bottom: 3px solid #d2d3d5;

 	box-shadow: 0px 2px 5px #888;

	position: fixed;

  	width: 100%;

 	z-index: 99999;



}

a{

	color: #fff; outline: 0;

}

a:hover{

	color:#fff;

}

a:focus{

	outline: 0; color:#fff;

}

header nav{

	//width: 80.2%;

}

header .logo{

	position: relative;

	display: block;

  	//left: 10%;

}

header nav a{

	color: #fff;

}

header nav a:hover,header nav a:focus{

	color: #fff;

}



 nav ul{

 	float:right;

 	margin: 0 auto;

 	top: -89px;

  	position: relative;

 }

  nav ul a

  {

 	font-size: 20px;//1.750em;

 	font-family: 'CalibriBold', Sans-Serif;

  	text-transform: uppercase;

  	color: #fff;

  	display: block;

  	float: left;

  	position: relative;

  	padding: 0 0 12px 0;

  	

 }

 nav ul a:hover, nav ul a:focus{

 	text-decoration: none;

 }

 .navbar-header{

 	float: right;

 	width: 80.2%

 }

 nav .nav-list>li{

 	list-style-type: none;

 	padding: 0 10px;

 }

  .nav-list>li.active>a, .nav-list>li.active>a:hover, .nav-list>li.active>a:focus, .nav > li > a:hover{

  	background-color: #dc0a2f;

  }

 header nav a:after {

    content: "";

    background-color: grey;

    position: absolute;

    height: 10px;

    width: 100%;

    left: 0px;

    bottom: 0px;

    opacity: 0;

    transition: opacity 0.2s ease-in-out 0s;

}

header nav li:hover a:after, header nav li.active a:after{

	opacity: 1;

}

.author{

  margin-bottom: 7px;

  display: block;

  font-family: 'CalibriBold', Sans-Serif;

  font-size: 1.25em;

}

.icon-bar {

  background: #FFF;

  height: 3px!important;

  border-radius: 0!important;

  width: 25px!important;

}

.navbar-toggle {

  float: left;

  padding-top: 2px;

  padding-bottom: 2px;

}



.gray-bg{

	background-color: #6e6e6e;

}

.red-bg{

	background-color: #dc0a2f;

}



/*style for content **/

.container{

	color: #fff;

	width: 80.2%;

	padding: 0;

	max-width: 1029px;

}

.container li{

	font-size: 1.250em;

	font-family: 'Calibri', Arial;

}

.container h1{

	text-transform: uppercase;

	font-size: 42px;

	font-family: 'CalibriBold', Sans-Serif;



}

.skill-field, .contact-field{

	border-top: 3px solid #d2d3d5;

}

.skill-field .container h1{

	margin-top: 54px;

  	margin-bottom: 40px;

}

.skill-field .container ul{

	font:1.250em 'Calibri';

}

.skill-field ul div{

	font-size: 1.250em;

	padding-bottom: 24px;

	margin-left: -16px;

}

.skill-field .container{

	padding-bottom: 32px;

}

.skill-field .container li{

	  padding-bottom: 27px;

}

.home-field ul.col-sm-6{

	width: 49%;

}

.home-field a{

	text-decoration: underline;

	//color: blue;

}

.home-field ul.col-sm-6:first-child{

	margin-right: 1.5%;

}

.home-field span{

	font-size: 1.250em;

	  left: -16px;

 	position: relative;

 	//line-height: 24px;



}

.home-field .container li{

	padding-bottom: 23px;

	//line-height: 24px;

}

.intro-field{

	margin: 170px 0 46px 0;

	font-size: 42px;

	  border-bottom: 2px solid #fff;

    padding-bottom: 52px;

    //line-height: 44px;

}

.elem-left{  

	width: 47%;

  	margin-right: 1%;

  	margin-left: 15px;

  	float: left;

 	 padding: 0;}

.elem-right{

	 width: 49%;

  	margin-left: 1.3%;

  	float: left;

  	padding: 0;



}

.who-field li{

	list-style-type: none;

	  margin-bottom: 89px;

  display: block;

  float: left;

}

.who-field h1{

	margin: 58px 0 40px 0;

}

.who-field ul{

	padding:0;

	background: none;

}

.what-field{

	  border-top: 3px solid #d2d3d5;

	  padding-bottom: 86px;

}

.what-field h1{

	margin-top: 47px;

 	 margin-bottom: 40px;

}

.what-field ul{

	padding: 0;

}

.what-field li{

	width: 31.098%;

	height: 320px;

	background-color: #969696;

	padding: 20px;

	display: inline-block;

	margin: 0 3.304% 34px 0;

	float:left;

}

.who-field li img{

	padding-left: 0;

}

.what-field li:nth-child(3n){

	margin-right: 0;

}

.what-field .title-field{

	font: 28px 'CalibriBold', Arial, Sans-Serif;

	text-transform: uppercase;

	//line-height: 24px;

	  padding-bottom: 10px;



}

.what-field p

{

	font-size: 22px;

	//line-height: 27px;

}

.list-question{

	font-size: 1.250em;

	  margin-bottom: 38px;

  	float: left;

}

.icon{

	background:url(../images/contact-icon.png) no-repeat 0 0;

	width: 82px;

	height: 82px;

	display: block;

}

.email-icon{

	background-position: -88px 0;

}

.phone-icon{

	background-position: -181px 0;

}

.contact-field li{

	width:31%; 

	margin-right: 1.5%; 

	float: left;

	list-style-type: none;

	  word-wrap: break-word;



}

.contact-field li span, .contact-field li a{display: block; color:#fff;}

.contact-field ul{  

  width: 60%;

  margin: 0 auto 0px auto;

}



.name{

	font-family: 'CalibriBold', Sans-Serif;

}

.contact-field li:last-child{

float:left;

}

.contact-field li p{

	margin-bottom: 20px;

}

//style for slider module

.liquid-slider{

	background: none;

	width: 100%;

}



.liquid-slider .ls-panel{

	width:100%;

}



.ls-hidden{

  width: 25px;

  height: 25px;

  background-image: url(../images/arrow.png);

  background-repeat: no-repeat;

  margin-top: 50px;

  position: relative;

  opacity: 1!important;

  visibility: visible!important;

}

.who-field .bx-wrapper .bx-viewport{

	background: none;

	width: 99%!important;

	border: none;

	box-shadow: none;

	left: 0;

}

.who-field .bx-wrapper .bx-prev{

	  background: url(../images/controls.png) no-repeat 0 -32px;

	  left: -40px;

}

.who-field .bx-wrapper .bx-next {

  background: url(../images/controls.png) no-repeat -43px -32px;

      right: -40px;

}

.who-field .bx-wrapper .bx-pager{

	display: none;

}

/* Small devices (tablets, 768px and up) */ 

@media only screen and (min-width: 768px) {

	body{

		padding: 0;

		font-size: 12px;

	}

	.navbar-nav {

	  float: right;

	  margin: 0;

	  position: relative;

  	  right: -2.5%;

	}

	.contact-field ul{  

	  width: 100%;

  	  padding-left: 0;

  	  margin-top: 40px;

  	  float:left;

	}

	.author{

		margin-top: -4px;

	}

	.intro-field{

		line-height: 44px;

	}

	.home-field .container li, p, .what-field .title-field, .container li{

		line-height: 24px;

	}

	.what-field p{

		line-height: 27px;

	}

	.contact-field h1{

	  padding-top: 34px;

	}

	.who-field .bx-wrapper .bx-controls-direction a{

		top:28%;

	}



} 

/* Medium devices (desktops, 992px and up) */ @media (min-width: @screen-md-min) { 



} 

@media only screen and (min-width: 568px) and (max-width: 1024px) { 

	.container{

		  max-width: 100%;

		    width: 100%;

		    padding-left: 20px;

		    padding-right: 20px;

	}

	header .logo{

		//left:2%;

	}

	.contact-field li{

		width:31%;

	}

	.home-field ul.col-sm-6{

		//width: 41%;

	}

	.what-field li:nth-child(3n){

		//margin-right:34px;

	}

	.what-field li:nth-child(3n){

		margin-right: 3.5%;

	}

	.what-field li{

		width: 48%;

  		margin-right: 3.5%;

  		  margin-bottom: 3.5%;

	}

	.navbar-nav{

		right:0;

	}

	.what-field li:nth-child(2n){

		margin-right: 0;

	}

	.who-field .bx-wrapper .bx-next{

		right: -10px

	}

	.who-field .bx-wrapper .bx-prev{

		left: -10px

	}

	.who-field .bx-wrapper .bx-controls-direction a{

		top:26%;

	}

 }



 @media only screen and (min-width: 320px) and (max-width: 667px){

 	body{

 		padding: 0;

 		font-size: 60%;

 	}

 	nav ul{

 		top: 0;

 	}

 	.container{

 		width: 90%;

 	}

 	header{

 		height: 77px;

 	}

 	header .logo{

 		//left: 8.7%;

  		top: 0px;

 	}

 	header .logo img{

 		width: 102px;

  		height: 97px;

 	}

 	.navbar-header, .navbar-collapse {

 		width: 100%;

 	}

 	.navbar-header{

 		top: -78px;

 		position: relative;

 	}

	.navbar-nav {

	  //float: left;

	  margin: 0;

	  width: 100%;

	  padding: 0;



	}

	nav ul {

		bottom: -28px;



	}

	nav ul a{

		float:none;

		border-bottom: 1px dashed;

  		font-size: 12px;

	}

	.navbar-collapse{

		height: 200px;

		position: absolute;

  		z-index: 99;

  		padding: 0;

  		top: 61px;

  		



	}

	.navbar-collapse.in{

		overflow: hidden;

		margin: 0;

  		left: 0;

	}

	header .logo {

	  position: relative;

	}

	.nav-list li{

		background-color: #969696;

		text-align: center;

	}

	.contact-field

	{

		min-height: 495px;

	}

	.contact-field h1

	{

		margin-top: 34px;

	}

	.contact-field li{

		width:39%;

	}

	.contact-field li:first-child{

		width:58%;

	}

	.contact-field li:last-child{

		width:100%;

		clear:both;

	}

	.home-field ul.col-sm-6:first-child{

		margin-right: 0%;

	}

	.what-field li{

		  margin: 0 auto 34px auto;

		  float: none;

		  display: block;

		  width: 100%;

		  height: 245px;

	}

	.who-field ul

	{

		padding: 0; 

		//background: none;

	}

	.who-field .bx-wrapper{

		//width: 90%;

	}

	.who-field .bx-wrapper .bx-controls-direction a{

		top:9.5%;



	}

	.who-field .bx-wrapper .bx-next{

		right: 7px

	}

	.who-field .bx-wrapper .bx-prev{

		left: 4px

	}

	.icon{

		width: 42px;

	  height: 42px;

	  background-size: 130px 40px;

	}

	.email-icon {

		  background-position: -42px 0;

		}

	.phone-icon {

	  background-position: -88px 0;

	}

	.intro-field{

		margin-top: 130px;

		font-size: 16px;

		padding-bottom: 30px;

  		margin-bottom: 25px;

	}

	.contact-field ul{

		padding:0;

		width: 100%;

		margin-top: 25px;



	}

	.home-field ul.col-sm-6{

		width: 100%;

	}

	.who-field .col-sm-6{padding-left: 0; padding-right: 0;}

	.who-field img{

		padding-bottom: 20px;

	}

	p{

		font-size: 14px;

	}

	.home-field span, .author, .skill-field ul div{

		font-size: 14px;

	}

	.container li{

 		font-size: 14px;

 	}

 	.who-field h1 {

	  margin: 34px 0 30px 0;

	  

	}

	.home-field .container li{

		padding-bottom: 12px;

	}

	.container h1{

		font-size: 20px;

	}

	.what-field{

		padding-bottom: 16px;

	}

	.what-field .title-field{

		font-size: 18px;

	}

	.what-field p{

		font-size: 16px;

	}

	.what-field h1{

		margin-top: 34px;

  		margin-bottom: 30px;

	}

	.who-field li{

		margin-bottom: 40px;

	}

	.skill-field .container h1{

		  margin-top: 34px;

  		margin-bottom: 30px;

	}

	.skill-field .container li {

	  padding-bottom: 12px;

	}

	.navbar-toggle{

		float:right;

	}

	header .container{

		max-height: 100%;

	}

	.who-field li img{

		width: 100%;

	}

	 

 }

 @media only screen and (max-width: 845px){

 .contact-field li{

		width:39%;

	}

	.contact-field li:first-child{

		width:58%;

	}

	.contact-field li:last-child{

		width:100%;

		clear:both;

	}

}

 @media only screen and (max-width: 360px){

	

	.contact-field li{

		width:100%!important;

	}

	.contact-field{

		min-height: 500px;

	}

	.contact-field li p {

	  margin-bottom: 10px;

	}

}

/*Loading for page*/
#wait{
	display: block;
    width: 100%;
    height: 709px;
    border: 1px solid black;
    position: absolute;
    top: 0;
    /* left: 50%; */
    padding: 2px;
    //background-color: #ccc;
   // opacity: 0.9;
}
#wait img{
	position: relative;
    top: 50%;
    left: 50%;
}
