@font-face {
	font-family:"OpenSansBold";
	src: url('fonts/OpenSansBold.ttf');
}
  @font-face {
	font-family:"OpenSansSemiBold";
	src: url('fonts/OpenSansSemiBold.ttf');
}
@font-face {
	font-family:"HelveticaNeueCyrItalic";
	src: url('fonts/HelveticaNeueCyrItalic.otf');
}


  .topBg {
     background-image:url(../img/topBg.jpg);
     background-repeat:no-repeat;
     padding:50px 0;
     background-size:cover
  }
  .whCir {
  	background-color:rgba(255,255,255,0.4);
  	margin:0 auto;
  	width:320px;
  	height:320px;
  	border-radius:250px;
  	box-sizing:content-box;
  	padding:50px
  }
  .whCirIn {
  	background-color:#fff;
  	width:320px;
  	height:320px;
  	border-radius:250px;

  }
  .whCirIn h1 {
    text-align: center;
    line-height: 1.3em;
    font-size: 2em;
    font-weight: normal;
    padding: 20px 0 0 0;
    font-family:OpenSans;
}
  .whCirIn img {
    width: 170px;
    display: block;
    padding-top: 50px;
   }
  .mainPage {
  	width:100%;
  	max-width:none
  }
  .sectHeader {
  	text-align:center;
  	font-size:2.4em;
  }
  .sect {
  	padding:15px 0 0;
  	max-width:1170px;
  	width:100%
  }
  .servCont img {
  	border:5px solid rgba(0,0,0,0);
    display:block;
    border-radius:100px
  }

  .servCont img:hover {
  	border:5px solid #ef7f1a;
  	cursor:pointer
  }
  .servName a {
  	color:#333;
  }
  .servName a:hover {
  	color:#ef7f1a;
  }

  .servName {
  	font-family:Arial;
  	font-size:1.3em;
    padding-top:10px
  }
  .servDesc {
      color:#999;
      font-family:Arial;
      font-size:0.9em;
  }
  .servDesc a {
      font-size:1em;
      color:#999;
      text-decoration:underline
  }
  .servDesc a:hover {
      color:#333;
      text-decoration:none
  }
  .servCont.marginTop {
      margin-top:30px
  }
  .sect:before,.sect:after,
  .partners:before,.partners:after,
  .contactUs:before,.contactUs:after,
  .examples:before,.examples:after,
  .popupItem:before,.popupItem:after {
   	content:" ";
   	display:table;
}
.sect:after,
.partners:after,
.contactUs:after,
.examples:after,
.popupItem:after {
   	clear:both;
}
.slider {
      		position:relative;
      		width:inherit;
          /*  height:886px;*/
      		overflow:hidden
      	}
      	.slideBut {
      		position:absolute;
      		background-color:rgba(255,255,255,0.9);
      		background-image:url(../img/arrows-black.png);
      		width:40px;
      		height:60px;
      		cursor:pointer;
      		top:50%;
      		top: calc(50% - 30px);
      		z-index:9999;
      		background-repeat:no-repeat;
      		display:block
      	}
      	.slideBut:hover {
      		background-color:rgba(0,0,0,0.6);
      		background-image:url(../img/arrows-white.png);
      	}
        .prev {
		    background-position: 11px 50%;
		    left: 0;
		}
        .next {
		    background-position: -18px 50%;
		    right: 0;
		}
		.exItem {
			position:relative;
            top:0;
            left:0
		}
		.exImgHold {
			position:relative
		}
		.exImgHold img {cursor:pointer}
        .exDescCont {
		    position: absolute;
    z-index: 9999;
    top: 5%;
    right: 6%;
    width: 200px;
		}
		.exName, .exNameTech {
		    text-align: center;
		    font-size: 1.1em;
		    font-family: OpenSansSemiBold;
		    padding: 10px;
		    color: #333;
		    background-color:#fff
		}
		.exDesc {
		    padding: 0 15px 15px;
    color: #333;
    font-size: 0.8em;
    background-color: #fff;
    overflow: hidden;
    height: 190px;
		}
        .exDesc:before {
		    content: "";
		    position: absolute;
		    top: 148px;
		    width: 100%;
		    display: block;
		    left:0;
		    background: rgba(0,0,0,0);
		    background: -webkit-linear-gradient(top, rgba(255,255,255,0.2),rgba(255,255,255,0.9));
		    background: -o-linear-gradient(to bottom, rgba(255,255,255,0.2),rgba(255,255,255,0.9));
		    background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.2),rgba(255,255,255,0.9));
		    background: -ms-linear-gradient(to bottom, rgba(255,255,255,0.2),rgba(255,255,255,0.9));
		    background: linear-gradient(to bottom, rgba(255,255,255,0.2),rgba(255,255,255,0.9));
		    height: 40px;
		}
		.exDescCont .exDetails {
           margin:0 !important;
           padding: 5px 0 10px 20px;
           background-color:#fff;
           font-size:0.9em;
           text-align:left
		}
		.exAllWorks button {
    background: linear-gradient(to bottom,#52bf63,#3eb350);
    display: block;
    width: 100%;
    height: 40px;
    border: none;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    font-family: OpenSansSemiBold;
    cursor: pointer;
    border-radius: 3px;
    width: 150px;
}
.exAllWorks button:hover {
	background:#52bf63;
}

    .exAllWorks {
    padding: 10px 0;
    background-color: rgba(255,255,255,0.6);
}

.preferences{margin-bottom:50px}
.preferences .col-3 {
   		/*width:20%*/
   	}
   	.prName {
      font-family:OpenSansBold;
      color:#333;
      margin: 15px 0 5px
   	}
   	.prDesc {
      	font-size:0.9em;
      	color:#777;

   	}
   	.sectHeader {
   		margin:35px 0 25px
   	}

   	.blName {
    		text-align:left
    	}
    	.blName a {
    		    font-family:OpenSansSemiBold;

       			line-height:1em
    	}
    	.blName a:hover {
    		text-decoration:underline
    	}
    	.blStats {
    		display:table;
    		margin:0;
    		width:100%;
    		margin:5px 0
    	}
    	.blStats .datetime,.blStats .views, .blStats .comments {
             font-size:0.8em;
             color:#999;
             display:table-cell;
             background-repeat:no-repeat;
             margin:0;
             background-position:0 5px;
             padding-left:20px;
             text-align:left;

    	}
    	.blStats .datetime {
           background-image:url(../img/calendar.png);
           width:87%
    	}
    	.blStats .views {
           background-image:url(../img/views.png);
           width:25%
    	}
    	.blStats .comments {
           /*background-image:url(../img/comments.png);*/

    	}
    	.allArts,.exDetails {
		        text-align: right;
			    padding-right: 1em;
			    font-style: italic;
			    font-size: 0.9em;
			    clear: both;
			    margin-bottom: 60px;
			    font-family: OpenSansSemiBold;
		}

    	.allArts a,.exDetails span {
              text-decoration: underline;
              cursor:pointer
    	}
    	.allArts a:hover,.exDetails span:hover {
              text-decoration: none;
    	}
    	.partners {
    		background-image:url(../img/partnersBg.jpg);
    	}
    	.wh {
    		color:#fff;
    	}
    	.partners .col-3 {
    		margin:35px 0 75px
    	}
    	.opImgHold img {
     		border-radius:100px
    	}
    	.opCont p:first-child:before {

	    content: "\201C";
	    font-size: 60px;
	    font-family: Georgia;
	    line-height: 0;
	    vertical-align: 0;
	    display: block;
	    margin: 20px 0 10px 0;
	    color: #333;

    	}
    	.opAuthor {
		    color: #333;
		    margin-top: 5px;
		    font-family: OpenSansSemiBold;
		}

    	.opImgHold {
		    width: 128px !important;
		    margin: 0;
		    float: left !important;
		    margin-right: 10px;
		    vertical-align:top !important;
			display:none !important
		}
		.opCont {
		    padding: 0 0 40px 20px;
		    font-size: 0.9em;
		    color: #999;
		    font-family: Tahoma;
		}
        .table {
        	display:table
        }
        .tableTd {
        	display: table-cell
        }
        .contactUs {
    		background-image:url(../img/partnersBg.jpg);
    	}
        .contForm {
        	margin:0 auto;
            width:450px
        }
        .contForm input,.contForm textarea {
        	display:block;
        	width:100%;
        	height:40px;
        	border:none;
        	margin-bottom:10px;
        	padding:10px
        }
        .contForm textarea {
        	height:125px;
        	font-family:inherit
        }
        .gradButt {
        	background:linear-gradient(to bottom,#52bf63,#3eb350);
        	display:block;
        	width:100%;
        	min-height:40px;
        	border:none;
        	margin-bottom:20px !important;
        	padding:10px;
        	color:#fff;
        	font-family:OpenSansSemiBold;
        	cursor:pointer;
           border-radius:2px
        }
        .gradButt:hover {
        	background:#52bf63;


        }

        	.bg {
   		position:fixed;
   		width:100%;
   		height:100%;
   		background-color:rgba(0,0,0,0.9);
   		top:0;
   		left:0;
   		z-index:9999;
   		overflow-y:auto;
   		display:none
   	}
   	.bgHolder {
	    max-width: 1500px;
	    width: 100%;
	    position: relative;
	    height: inherit;
	}
   	.bgInnCont {
	    margin: 0 auto;
	    width: 100%;
	    height: inherit;
	    padding: 30px;
	    max-width:1170px
	}
   	.exBgPhoto {
	    padding: 0 !important;
	    height: 100%;
	    background-color: #fff;
	    margin: 0 !important;
	    text-align: left !important;
	}
	.exBgPhoto img {
		height:100%
	}
   	.exBgDesc {
	    background-color: #fff;
	    height: 100%;
	    text-align:left !important
	}
	.exBgName {

	}
	.exBgDesc .exName {
	    font-family: OpenSansSemiBold;
	    font-size: 1.5em;
	    margin-bottom: 5px;
	    padding:0;
	    text-align:left
	}
	.exBgDesc .exNameTech {
	    font-family: OpenSansSemiBold;
	    margin: 20px 0 5px;
	    padding:0;
	    text-align:left
	}
	.exBgDesc p {
       font-size: 0.8em;
	}
	.bgClose {
		background-image:url(../img/closeCross.png);
		background-repeat:no-repeat;
		width:26px;
		height:23px;
		cursor:pointer;
		position:absolute;
		right:5px;
		top:5px;
	}