@import url("http://fonts.googleapis.com/css?family=Roboto:500,300");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400i");
/*@import url("https://fonts.googleapis.com/css?family=Raleway");*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}

/**, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/

body{
  background: #fff;
  font-family: "Roboto", sans-serif;
  /*font-size: 12px;*/
}

/*-----Header--------*/
header {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
  /*padding: 20px 50px 30px;*/
  padding: 0 140px;
  height: 100px;
  width: 100%;
  /*line-height: 60px;*/
  /*height: 60px;*/
  background: #fff;
  vertical-align: middle;
}
header h1 {
  position: absolute;
  left: 180px;
  height: inherit;
  z-index: 10;
}
header svg {
  margin-top: 10px;
}

header nav {
  position: fixed;
  background: #fff;
  /*width: 200px;
  left: -200px;*/
  width: 250px;
  right: -250px;
  height: 100vh;
  padding-top: 100px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  z-index: 1;
}
header nav ul {
  list-style: none;
  padding: 20px 0 0;
  margin: 0;
}
/*nav ul li a {
  display: inline-block;
  width: 100%;
  padding-left: 25px;
}*/
header nav ul li a {
  display: inline-block;
  width: 100%;
  /*padding-left: 25px;*/
  padding: 20px 20px 20px 30px;
  /*color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900px;*/
  color: #000;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  font-family: "Roboto Light", sans-serif;
}
header nav .help {
  padding: 5px 20px;
  color: #45bc64;
  border: solid 1px #45bc64;
  border-radius: 5px;
}
header nav ul li a:hover {
  color: #EFF0F1;
  text-decoration: none;
  /*background: #F0F0F0;*/
}
header nav ul li a.sotset{
  padding: 18px 0 0 20px;
  background: url(img/sots.png) no-repeat;
}
/*header nav ul li a.sotset{
  background: url(img/sots.png) no-repeat left;
}*/
/*header nav ul li.sotset{
  background: url(img/sots.png) no-repeat left;
}*/
img.menu-circle{
    width:49px;
}

@media (max-width: 1390px) {
  header h1 {
    left: 130px;
  }
}
@media (max-width: 1280px) {
  header h1 {
    left: 50px;
  }
  header nav .help {
    padding: 0;
    color: #000;
    border: 0;
    border-radius: 0;
    width: 100%;
    /*padding-left: 25px;*/
    border-bottom: solid 1px #EFF0F1;
    padding: 20px 20px 20px 30px;
  }
  header nav ul > li a {
    border-bottom: solid 1px #EFF0F1;
  }
  header nav ul li a.sotset{
    background: none;
  }
}
@media (min-width: 1366px) {
  header nav {
    padding: 0 10px 0 0;
    z-index: 5;
  }
}

@media (min-width: 1280px) {
  header nav {
    /*position: relative;*/
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;*/
            text-align: right;
            height: inherit;
            line-height: inherit;
            vertical-align: middle;
    width: 100%;
    height: 60px;
    /*left: 0;*/
    right: 0;
    padding: 0 160px 0 0;
    z-index: 5;
  }
  header nav ul {
    display: none;
  }
}
@media (min-width: 1280px) {
  header nav ul {
    display: block;
  }
}
@media (min-width: 1280px) {
  header nav li {
    display: inline-block;
    color: white;
  }
}


.title-top {
  position: relative;
  vertical-align: middle;
}
.title-top h1 {
  position: absolute;
  width: 80%;
  left: 0;
  top: 0;
}
.title-top .pencil-archive {
  margin-left: 80%;
  z-index: 50;
}

/*-------Down-plate-------*/
.pencil {
  margin-right: 5%;
  margin-bottom: 10px;
  cursor: pointer;
}
.pencil-hover {
  /*color:#b9babb;*/
}
.pencil-hover:hover {
  fill: #585757;
  /*background:#000;*/
}
/*.hover-top {
  padding: 10px;
  width: 50px;
  background: #fff;
}*/

.pencil {
  position: relative;
  width: 45px;
  left: 90%;
  margin-bottom: 20px;
}
.pencil span{
  display:none;
  position:absolute;
  /*right: 5%;*/
  /*width:100%;*/
  /*background-color:rgba(0, 0, 0, 0.4);*/
  top:-20px;
  height: 80px;
  transition-duration:0.6s;
  /*padding:10px 0;*/
  text-align:center;
  color:#c1c1c1;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
  margin:0;
  /*z-index: 10;*/
}
div.pencil:hover span{
  display: block;
  bottom:0;
  right: 0;
}
.pencil-hover {
  /*z-index: 5;*/
}



/*-----------------Hamburger------------*/

.mobile-hamburger {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  position: fixed;
  top: 27px;
  /*left: 25px;*/
  right: 25px;
  height: 30px;
  width: 40px;
  cursor: pointer;
}
.mobile-hamburger .bar {
  position: relative;
  background: #2572c0;
  width: 31px;
  height: 3px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  pointer: cursor;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.mobile-hamburger .bar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  width: 31px;
  height: 3px;
  background: inherit;
  -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.mobile-hamburger .bar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 31px;
  height: 3px;
  background: inherit;
  -webkit-transition: top 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 500ms 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

/*--------------Close------------*/
.mobile-hamburger .bar.animate::after {
  top: 12px;
  width: 25px;
  background: #2572c0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.mobile-hamburger .bar.animate::before {
  top: 12px;
  width: 25px;
  background: #2572c0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (min-width: 1280px) {
  .mobile-hamburger {
    display: none;
  }
}

/*-------------Function---------*/
.is-open {
  /*left: 0px;*/
  right: 0px;
}
.mobile-hamburger .bar.animate {
  background: transparent;
}



/*header nav {
	text-align: right;
	height: inherit;
	line-height: inherit;
	vertical-align: middle;
  padding-top: 33px;
}
header nav > ul {
	list-style: none;
	margin: 0;
}
header nav > ul > li {
	display: inline-block;
  margin-right: 37px;
}
header nav > ul > li:last-child {
	margin-right: 0;
}
header nav > ul > li a {
	display: inline-block;
  color: #000;
	font-weight: 600;
	text-decoration: none;
  font-size: 14px;
  font-family: "Roboto Light", sans-serif;
}
header nav .help {
  padding: 5px 20px;
  color: #45bc64;
  border: solid 1px #45bc64;
  border-radius: 5px;
}

@media screen and (max-width: 1380px) {
  header {
    padding: 0 50px 0;
  }
}
@media screen and (max-width: 410px) {

}
@media screen and (max-width: 340px) {

}
header nav label {
	display: none;
	position: fixed;
	padding: 20px 15px 5px;
	font-size: 24px;
	color: #c8caed;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 50;
}
@media screen and (max-width: 1120px) {
	header nav label {
		display: block;
	}
}
header nav input[type="checkbox"] {
	display: none;
}
@media screen and (max-width: 1120px) {
	header nav input[type="checkbox"]:checked + ul {
		right: 0;
	}
}
@media screen and (max-width: 1120px) {
	header nav ul {
		background-color: #fff;
		position: fixed;
    right: -250px;
		top: 0;
		bottom: 0;
		width: 230px;
    text-align: left;
		-webkit-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
		box-shadow: 2px 2px 5px black;
	}
  header nav .help {
    padding: 0;
    color: #000;
    border: 0;
    border-radius: 0;
  }
}
@media screen and (max-width: 1120px) {
	header nav ul li {
		display: block;
		margin: 0;
		padding: 15px 15px;
		border-bottom: 1px solid #ccc;
	}
	header nav ul li:nth-child(1) {
		border-top: 1px solid #ccc;
		margin-top: 60px;
	}
}*/


/*---------Down----------*/
.Top:after {
  /*content : "Goto Top" ;
  font-size : 14px;
  font-family : Arial ;
  font-weight : bold ;*/
  position : absolute ;
  /*margin : -25px -50px ;*/
  width : 70px;
  opacity :0 ;
  transition : 0.3s ease ;
}
.Top:hover:after {
  opacity : 1 ;
}
.Top {
  position : fixed;
  bottom : 20px;
  right : 20px ;
  background : rgba(255,255,255,0.5) ;
  /*padding : 3px 5px;*/
  padding : 0 14px 20px;
  width : 65px;
  height : 65px;
  box-sizing : border-box;
  font-size : 50px;
  line-height: 50px;
  border-radius : 100% ;
  color : #2572c0;
  cursor : pointer ;
  border : 2px solid #2572c0;
  z-index : 10 ;
  display : none;
}


@-webkit-keyframes fadeIn {
 0% {
   opacity: 0;
 }

 100% {
   opacity: 1;
 }
}

@keyframes fadeIn {
 0% {
   opacity: 0;
 }

 100% {
   opacity: 1;
 }
}

.fadeIn {
 -webkit-animation-name: fadeIn;
 animation-name: fadeIn;
}
@media (max-width: 769px) {
  .Top {
    position : fixed;
    bottom : 20px;
    right : 20px ;
    background : rgba(255,255,255,0.5) ;
    /*padding : 3px 5px;*/
    padding : 0 14px 20px;
    width : 55px;
    height : 55px;
    box-sizing : border-box;
    font-size : 40px;
    line-height: 40px;
    border-radius : 100% ;
    color : #2572c0;
    cursor : pointer ;
    border : 2px solid #2572c0;
    z-index : 10 ;
    display : none;
  }
}



/*-------First---------*/
#banner {
	position: relative;
  background: #2572c0;
	background-size: cover;
	text-align: left;
	padding: 100px 0;
	margin-bottom: 20px;
	color: #bdb6b5;
}
/*#banner h1 {
	font-size: 40px;
	color:#ddddf6;
	line-height: 10px;
	padding: 0 0 25px 0;
	margin: 0
}*/
/*.first {
  position: relative;
  top: 100px;
  background: #2572c0;
  padding: 54px 40px;
  line-height: 30px;
}*/
#banner h1 {
  position: absolute;
  padding: 12px 200px;
  font-size: 35px;
  color: #fff;
  text-align: left;
}
@media screen and (max-width: 1380px) {
  #banner h1  {
    padding: 15px 150px 0;
    font-size: 25px;
  }
}
@media screen and (max-width: 1024px) {
  #banner h1  {
    /*padding: 35px 0 0;*/
    padding: 15px 70px 0;
    font-size: 25px;
  }
}
@media screen and (max-width: 768px) {
  #banner h1  {
    /*padding: 35px 0 0;*/
    font-size: 23px;
  }
}



/*--------Blog--------*/
.container1 {
  margin: 20px auto;
  width: 90%;
  /*max-width: 940px;*/
  max-width: 1550px;
}
@media screen and (max-width: 1380px) {
  .container1 {
    max-width: 1075px;
  }
}
.col, .col-9, .col-7, .col-3, .col-5 {
  margin: 0 1.5%;
  display: inline-block;
  vertical-align: top;
}
.col-9 {
  /*background: #f3ddcc;*/
  width: 68%;
}
.col-3 {
  margin-top: 48px;
  /*padding: 10px 10px 10px;*/
  /*background: #f8f8f8;*/
  width: 22%;
}
@media screen and (max-width: 768px) {
  .container1 {
    margin: 20px auto;
    /*text-align: center;*/
  }
  .col-9 {
    width: 90%;
  }
  .col-3 {
    padding: 10px 10px 10px;
    width: 90%;
  }
}

.clear {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    visibility:hidden;
    width:0
}
.widget {
  margin-top: 31px;
}
.widget:nth-of-type(1) {
  margin-top: 0;
}
.blogpost {
	margin-bottom: 35px;
}
.post ul {
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 5px;
  vertical-align: middle;
}
.post ul li {
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 14px;
	line-height: 14px;
	color: #2e2f35;
  vertical-align: middle;
}
.blogpost img {
	margin: 10px 0 35px 0;
	max-width: 100%;
}
/*.blogpost .teg {
  position: relative;
}
.blogpost .teg .text {
  float: right;
}*/
.part {
  position: relative;
  width: 100%;
  padding: 0;
}

.part .col-6-p, .part .col-6-n {
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
.part .col-6-n {
  margin-right: 0;
}
.part .col-6-p {
  width: 27%;
  /*padding: 29px 33px;*/
  color: #000;
}

.part .col-6-n {
  width: 70%;
  /*padding: 29px 33px;*/
  color: #000;
}

.part .col-6-p .un {
  margin: 0 0 18px;
  border-bottom: solid 1px #eaeaec;
  text-align: center;
}
.part .col-6-p .un ul.un1 {
  list-style: none;
  text-align: left;
}
.part .col-6-p .un ul.un1 > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.part .col-6-p .un ul.un1 > li:last-child {
  margin-right: 0;
}
.part .col-6-p .un ul.un1 > li ul {
  list-style: none;
}
.part .col-6-p .un ul.un1 > li ul > li {
  display: inline-block;
  margin-right: 3px;
  font-size: 12px;
  color: #818691;
  font-family: "Roboto Medium", sans-serif;
  vertical-align: middle;
}
.part .col-6-p .un ul.un1 > li ul > li:last-child {
  margin-right: 0;
}

.part .col-6-p .deux {
  text-align: center;
  margin: 18px 0 18px;
  border-bottom: solid 1px #eaeaec;
}
.part .col-6-p .deux ul {
  list-style: none;
  text-align: left;
}
.part .col-6-p .deux ul > li {
  display: inline-block;
  margin-right: 7px;
  font-size: 12px;
  color: #818691;
  font-family: "Roboto Medium", sans-serif;
  vertical-align: middle;
}
.part .col-6-p .deux ul > li:last-child {
  margin-right: 0;
}

.part .col-6-p .trois {
  text-align: center;
  margin: 18px 0 18px;
  border-bottom: solid 1px #eaeaec;
}
.part .col-6-p .trois ul {
  list-style: none;
  text-align: left;
}
.part .col-6-p .trois ul > li {
  display: inline-block;
  margin-right: 7px;
  font-size: 12px;
  color: #818691;
  font-family: "Roboto Medium", sans-serif;
  vertical-align: middle;
}
.part .col-6-p .trois ul > li:last-child {
  margin-right: 0;
}

/*.blogpost .teg {
  list-style: none;
}
.blogpost .teg > li {
  display: inline-block;
}*/

/*.blogpost .teg > li .first {
  padding: 18px 0;
  border-bottom: solid 1px #eaeaec;
}*/
.blogpost .col-6-n p {
  font-size: 14px;
  font-weight: 300;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  color: #7b7e87;
}
.blogpost .col-6-n div {
  font-size: 14px;
  font-weight: 300;
  line-height: 28px;
  font-family: "Roboto", sans-serif;
  color: #7b7e87;
}
.blogpost .col-6-n h2 {
  padding: 67px 57px;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  /*font-family: "Roboto Medium", sans-serif;*/
  font-family: "Playfair Display", sans-serif;
  color: #398add;
  font-style: italic;
}
.blogpost .col-6-n h3 {
  margin-top: 36px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  font-family: "Roboto Medium", sans-serif;
  color: #7b7e87;
}
.blogpost .col-6-n h6 {
  margin-top: 34px;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  font-family: "Roboto Medium", sans-serif;
  color: #7b7e87;
  font-style: italic;
}
.blogpost .col-6-n .help {
  list-style: none;
  margin-top: 120px;
}
.blogpost .col-6-n .help > li  {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
  margin-top: 35px;
}
.blogpost .col-6-n .help > li:last-child  {
  margin-right: 0;
}
.blogpost .col-6-n .help > li a  {
  padding: 11px 18px;
  font-size: 14px;
  color: #8a9ead;
  text-decoration: none;
  border: solid 1px #8a9ead;
  border-radius: 5px;
}
.blogpost .col-6-n .line {
  margin: 48px 0;
  border-bottom: solid 1px #eaeaec;
}
.blogpost .col-6-n .network {
  list-style: none;
  margin-top: 33px;
}
.blogpost .col-6-n .network p {
  font-size: 14px;
  color: #2f3542;
  line-height: 19px;
  font-weight: 600;
}
.blogpost .col-6-n .network span {
  font-size: 24px;
  line-height: 24px;
}
.blogpost .col-6-n .network > li  {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .blogpost .col-6-n .network p {
    font-size: 12px;
    line-height: 15px;
  }
  .blogpost .col-6-n .network span {
    font-size: 20px;
    line-height: 20px;
  }
  .blogpost .col-6-n .network > li  {
    margin-right: 7px;
  }
  .blogpost .col-6-n .network > li:nth-child(2)  {
    padding: 7px 6px 0;
  }
}

.blogpost .col-6-n .network > li:last-child  {
  margin-right: 0;
}
.blogpost .col-6-n .network > li:nth-child(2)  {
  padding: 7px 17px 0;
}
.blogpost .col-6-n .network > li:nth-child(3)  {
  padding: 7px 17px 0;
  border: solid 2px #3b5998;
  border-radius: 5px;
  cursor: pointer;
}
.blogpost .col-6-n .network > li:nth-child(4)  {
  padding: 7px 17px 0;
  border: solid 2px #1da1f2;
  border-radius: 5px;
  cursor: pointer;
}
.blogpost .col-6-n .network > li:nth-child(5)  {
  padding: 7px 17px 0;
  border: solid 2px #d73d32;
  border-radius: 5px;
  cursor: pointer;
}
/*.blogpost .teg > li .network > li:nth-child(3) p {
  font-size: 16px;
  color: #3b5998;
}*/
.blogpost .col-6-n .network > li > ul.middle {
  list-style: none;
}
.blogpost .col-6-n .network > li > ul.middle i.fa-facebook {
  font-size: 17px;
  font-weight: 600;
  color: #3b5998;
}
.blogpost .col-6-n .network > li > ul.middle2 i.fa-google-plus {
  font-size: 17px;
  font-weight: 600;
  color: #d73d32;
}
.blogpost .col-6-n .network > li > ul.middle > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.blogpost .col-6-n .network > li > ul.middle > li:last-child {
  margin-right: 0;
}
.blogpost .col-6-n .network > li > ul.middle > li p {
  font-size: 16px;
  line-height: 16px;
  color: #3b5998;
  font-weight: 600;
}

.blogpost .col-6-n .network > li > ul.middle1 {
  list-style: none;
}
.blogpost .col-6-n .network > li > ul.middle1 > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.blogpost .col-6-n .network > li > ul.middle1 > li:last-child {
  margin-right: 0;
}
.blogpost .col-6-n .network > li > ul.middle1 > li p {
  font-size: 16px;
  line-height: 16px;
  color: #1da1f2;
  font-weight: 600;
}

.blogpost .col-6-n .network > li > ul.middle2 {
  list-style: none;
}
.blogpost .col-6-n .network > li > ul.middle2 > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.blogpost .col-6-n .network > li > ul.middle2 > li:last-child {
  margin-right: 0;
}
.blogpost .col-6-n .network > li > ul.middle2 > li p {
  font-size: 16px;
  color: #d73d32;
  font-weight: 600;
  line-height: 16px;
}
/*.teg ul {
	float: right;
	list-style: none;
}
.teg ul li {
	display: inline-block;
	margin-right: 15px;
	font-size: 11px;
	line-height: 11px;
	color: #a4a4a5;
}
.teg ul li a {
	text-decoration: none;
	color: #464694;
}*/
/*.blogpost p {
	margin-bottom: 12px;
}*/

/* ================= Right post ================= */
.sidebar h3 {
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 21px;
  font-family: "Roboto Medium", sans-serif;
  font-weight: 600;
}
.sidebar .top-side {
  list-style: none;
}
.sidebar .top-side > li {
  display: inline-block;
  vertical-align: top;
}
.sidebar .top-side img {
  width: 100%;
  margin-bottom: 20px;
}
.sidebar .top-side > li:first-child {
  margin-right: 10px;
  width: 20%;
}
.sidebar .top-side > li:nth-child(2) {
  width: 75%;
}
@media screen and (max-width: 1380px) {
  .sidebar .top-side > li:first-child {
    margin-right: 10px;
    width: 20%;
  }
  .sidebar .top-side > li:nth-child(2) {
    width: 70%;
  }
}

/*.sidebar .top-side {
  position: relative;
}
.sidebar .top-side img {
  width: 30%;
}
.sidebar .top-side .top-side-right {
  margin-right: 40px;
  width: 40%;
}*/
.sidebar .top-side h2 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
}
.sidebar .top-side span, p {
  color: #7b7e87;
}
.sidebar ul.mrt {
  margin: 10px 0;
  list-style: none;
}
.sidebar ul.mrt > li {
  display: inline-block;
  vertical-align: middle;
}
.sidebar .top-side .top-side-right span {
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #999999;
}
.sidebar .top-side .top-side-right p {
  margin: 0;
  padding: 0;
  font-size: 12px;
}



.sidebar .top-side1 {
  position: relative;
  margin: 60px 0 40px;
}
.sidebar .top-side1 .soc {
  padding: 10px 20px;
  text-align: center;
  font-size: 14px;
  background: #e36601;
  border-radius: 5px;
  color: #fff;
}
.sidebar .top-side1 ul {
  margin: 15px 0;
}
.sidebar .top-side1 a {
  padding: 5px 0;
  text-align: center;
  font-size: 14px;
  color: #868e9f;
  font-weight: 600;
}

.sidebar .top-side2 {
  position: relative;
  margin: 60px 0 40px;
}
.sidebar .top-side2 .todo-side2-p {
  margin-top: -6px;
}
.sidebar .top-side2 .todo-side2-p ul {
  list-style: none;
}
.sidebar .top-side2 .todo-side2-p ul > li {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 32%;
}
.sidebar .top-side2 img {
  /*width: 30%;*/
  width: 100%;
}

.sidebar .top-side3 {
  position: relative;
  margin: 60px 0 40px;
}
.sidebar .top-side3-k {
  margin-top: 31px;
  padding-bottom: 2px;
  /*border-bottom: solid 1px #eaeaec;*/
}
.sidebar .top-side3 p {
  font-size: 14px;
  line-height: 18px;
  color: #7b7e87;
  font-weight: 500;
}
.sidebar .top-side3 span {
  font-size: 14px;
  line-height: 18px;
  color: #1da1f2;
  font-family: "Roboto Medium", sans-serif;
  cursor: pointer;
}
.sidebar .top-side3 ul {
  list-style: none;
}
.sidebar .top-side3 ul > li {
  display: inline-block;
  vertical-align: middle;
  color: #b5bac6;
  font-size: 14px;
}



/*--------Third--------*/
.third {
  padding: 60px 640px 60px 525px;
  background: #e9ecf2;
}
.third h1 {
  margin-bottom: 30px;
  color: #2f3542;
  font-size: 24px;
  font-weight: 600;
}
.third h2 {
  font-size: 16px;
  color: #2f3542;
  font-weight: 600;
}
.third .part-two {
  margin: 40px 0 87px 130px;
}

.third .third-side {
  list-style: none;
}
.third .third-side > li {
  display: inline-block;
  vertical-align: top;
}
.third .third-side img {
  width: 80%;
  margin-bottom: 20px;
  border-radius: 50%;
}
.third .part-two img {
  width: 95%;
  margin-bottom: 20px;
  border-radius: 50%;
}
.third .third-side > li:first-child {
  margin-right: 10px;
  width: 20%;
}
.third .third-side > li:nth-child(2) {
  margin-top: -15px;
  padding-bottom: 25px;
  width: 77%;
  border-bottom: solid 1px #d6d9e0;
}
/*.third .third-side > li:nth-child(2) hr {
  background: #000;
}*/
.third .top-third {
  list-style: none;
}
.third .top-third > li {
  display: inline-block;
  /*vertical-align: top;*/
  margin-right: 7px;
}
.third .top-third h2 {
  font-size: 16px;
  color: #2f3542;
  font-weight: 600;
}
.third .top-third h3 {
  font-size: 12px;
  color: #afb5c1;
}
.third .bottom-third {
  list-style: none;
}
.third .bottom-third > li {
  display: inline-block;
  /*vertical-align: top;*/
  margin-right: 7px;
}
.third .bottom-third a {
  cursor: pointer;
  font-size: 12px;
  color: #e26702;
}
.third .top-third > li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1380px) {
  .third .third-side > li:first-child {
    margin-right: 10px;
    width: 20%;
  }
  .third .third-side> li:nth-child(2) {
    width: 70%;
  }
  .third {
    padding: 60px 470px 60px 375px;
  }
}

@media screen and (max-width: 1024px) {
  .third {
    padding: 60px 300px 60px 250px;
  }
}
@media screen and (max-width: 768px) {
  .third {
    padding: 60px 80px 60px 80px;
  }
}
/*@media screen and (max-width: 1024px) {
  .third {
    padding: 60px 350px;
  }
  .third .comment-photo {
    width: 80px;
    height: 80px;
  }
}*/


/*.third .comment {
  position: relative;
}
.third .comment-photo {
  position: absolute;
  left: 0;
  width: 200px;
  height: 200px;
  background: url(img/comment1.jpg) no-repeat center;
  border-radius: 50%;
}*/

/*.third ul.comment {
  list-style: none;
}
.third ul.comment > li{
  display: inline-block;
}*/
/*.third .comment-right {
  position: absolute;
  right: 0;
  padding-bottom: 26px;
  border-bottom: solid 2px #d6d9e0;
}
.third ul.top {
  list-style: none;
}
.third ul.top > li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.third ul.top > li:last-child {
  margin-right: 0;
}
.third ul.bottom {
  list-style: none;
}
.third ul.bottom > li {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.third ul.bottom > li {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.third ul.bottom > li:last-child {
  margin-right: 0;
}
.third h3 {
  font-size: 12px;
  color: #afb5c1;
}
.third h5 {
  font-size: 12px;
  color: #9da2ac;
}
.third p {
  padding: 28px 0 25px;
  font-size: 14px;
  line-height: 21px;
  color: #2f3542;
}
.third h4 {
  font-size: 12px;
  color: #e26702;
}*/

.third form {
  /*max-width: 600px;*/
  text-align: center;
  margin: 15px auto 20px;
}
.third h5 {
  color: #7b7e87;
}
.third form .input-name, form .input-surname, form .input-email, form .input-message  {
	display: block;
	width: 100%;
	margin-top: 10px;
  border: 0;
  outline: 0;
  padding: 10px;
	margin-bottom: 20px;
	background: #e9ecf2;
	font-size: 15px;
  border: solid 2px #b1b5bd;
  border-radius: 5px;
  /*-moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);*/
  resize: none;
}
.third form p {
	text-align: left;
}
.third form p .check1 {
	margin-bottom: 10px;
}
.third form .input-name:focus, form .input-surname:focus, form .input-email:focus, form .input-message:focus {
  -moz-box-shadow: 0 0px 2px #ff0000 !important;
  -webkit-box-shadow: 0 0px 2px #ff0000 !important;
  box-shadow: 0 0px 2px #ff0000 !important;
}
.third form .input-submit {
	/*float: left;*/
	padding: 9px 20px;
  color: #fff;
  background: #e26702;
  cursor: pointer;
	font-weight: 500;
  font-size: 14px;
  border-radius: 5px;
  border: solid 1px #e26702;
}
/*.third form .input-submit:hover {
  -moz-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  -webkit-box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
  box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}*/
.third form textarea {
  height: 200px;
}
.third .half {
  float: left;
  width: 48%;
  margin-bottom: 10px;
}
.third .right {
  width: 50%;
}
.third .left {
  margin-right: 2%;
}
.third ul.form {
  list-style: none;
  text-align: left;
}
.third ul.form > li {
  display: inline-block;
  vertical-align: top;
  /*margin-right: 500px;*/
}
.third ul.form > li:last-child {
  float: right;
  /*margin-right: 0;*/
}

/*.third ul.form > li:first-child {
  float: left;
}
.third ul.form > li:last-child {
  margin-top: -25px;
  float: right;
}*/
.third ul.form > li p {
  font-size: 12px;
  color: #767c88;
}
/*.third .check1 {
  color: #e16702;
}*/


/*--------Fourth--------*/
.news {
	position: relative;
	padding: 50px 100px;
	text-align: center;
}
.news h1 {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
  color: #2f3542;

}
.news hr {
  margin: 0 auto 45px;
  width: 5%;
  background-color: #000;
}
.news .news-n {
	list-style: none;
}
.news .news-n > li {
	display: inline-block;
	text-align: left;
	margin-bottom: 25px;
	margin-right: 20px;
  width: 20%;
  vertical-align: top;
	/*width: 50%;*/
}
.news .news-n > li:last-child {
	margin-right: 0;
}
.news img {
  margin-bottom: 33px;
	/*max-width: 50%;*/
	width: 100%;
}
.news ul > li span {
	font-size: 14px;
  color: #bcc0c9;
}
.news ul > li ul {
	list-style: none;
}
.news ul > li ul > li {
	display: inline-block;
  vertical-align: middle;
}
.news ul > li ul > li a {
  color: #e16702;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}
.news ul > li h4 {
	margin-top: 15px;
	margin-bottom: 7px;
	font-size: 21px;
	font-weight: 600;
  color: #2f3542;
}
.news ul > li p {
	font-size: 14px;
  color: #8d929e;
  line-height: 20px;
}
@media screen and (max-width: 1380px) {
  .news ul > li h4 {
  	/*margin-top: 35px;
  	margin-bottom: 7px;*/
  	font-size: 17px;
  }
}
@media screen and (max-width: 960px) {
	.news {
		margin: 30px 30px 0;
		padding: 38px 50px;
	}
}
@media screen and (max-width: 768px) {
	.news {
		margin: 30px 30px 0;
		/*padding: 38px 50px;*/
	}
  .news .news-n > li {
  	display: inline-block;
  	text-align: left;
  	margin-bottom: 25px;
  	margin-right: 20px;
    width: 45%;
    vertical-align: top;
  	/*width: 50%;*/
  }
}
@media screen and (max-width: 600px) {
	.news {
		margin: 38px 0 0 0;
		/*padding: 20px;*/
		padding: 38px 0 0;
	}
  .news .news-n > li {
    display: inline-block;
    text-align: left;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 80%;
    vertical-align: top;
    /*width: 50%;*/
  }
}

/*------Footer--------*/
footer {
  position: relative;
  padding: 60px 185px;
	background: #e9ecf2;
}
footer ul.menu-bottom {
  margin-top: -25px;
  list-style: none;
  text-align: right;
}
footer ul.menu-bottom > li {
  display: inline-block;
  margin-right: 10px;
}
footer ul.menu-bottom > li a {
  font-size: 12px;
  color: #aab1c1;
}
footer ul.menu-bottom > li:last-child {
  margin-right: 0;
}

footer ul.sots {
  list-style: none;
  text-align: left;
}
footer ul.sots > li {
  display: inline-block;
  margin-right: 20px;
}
footer ul.sots > li a {
  font-size: 14px;
  color: #9099ad;
  font-weight: 600;
}
footer ul.sots > li:last-child {
  margin-right: 0;
}

footer p {
  color: #9099ad;
  font-size: 12px;
  line-height: 12px;
}
@media screen and (max-width: 768px) {
  footer {
    position: relative;
    padding: 60px 80px;
  	background: #e9ecf2;
  }
}


.video {
  /*margin: 20px 0;*/
  margin-top: -45px;
  width: 100%;
  height: 100%;
  /*width: 700px;
  height: 300px;*/
}
.over-top{
  margin: 60px 0;
}


.carusel {
  position: relative;
  overflow: hidden;
  height: 400px;
  margin: 0 0 40px;
}
.carusel img {
  position: absolute;
  /*left: 100%;
  top: 100%;*/
}
.prev_arrow, .next_arrow {
  position: absolute;
  background: #ed5b08;
  /*border-radius: 50%;*/
  cursor: pointer;
  width: 50px;
  height: 50px;
  /*opacity: 0.65;*/
  top: 50%;
  /*transition: opacity 0.25s;*/
  transform: translateY(-50%);
}
.prev_arrow::before, .next_arrow::before {
  content: open-quote;
  position: absolute;
  display: block;
  border-bottom: 3px solid white;
  border-left: 3px solid white;
  width: 15px;
  height: 15px;
  left: 50%;
  top: 50%;
}
.prev_arrow::before {
  transform: translateY(-50%) translateX(-30%) rotate(45deg);
}
.next_arrow::before {
  transform: translateY(-50%) translateX(-60%) rotate(225deg);
}
.prev_arrow:hover, .next_arrow:hover {
    opacity: 0.45;
}
.prev_arrow {
  left: 10px;
}
.next_arrow {
  right: 10px;
}
.wrapper, .controls-wrapper {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;

}
.wrapper {
  background-position: 50% 50%;
  background-size: cover;
  opacity: 1;
  transition: opacity 0.25s;
}
.wrapper.fade-out {
  opacity: 0;
}
.part p strong{  
    font-size: 16px;
    color: #000000; 
    font-weight: bolder;
}
.profile-photo{
    width: 100%;
    border-radius: 50%;
}
.my-profile-link{
    font-size: 14px;
    margin-left: 49px;
}
.add-post{
    width:100%;
    border: 1px solid #fc6501;
    background-color:  #fc6501;
    color: white;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 7px 0 14px 0;
    margin-top: 18px;
    font-weight: bold;
    cursor: pointer;
}
.add-post:hover{
    border: 1px solid #eee;
    background-color:  #eee;
}
.post-list .block-add-post{
    display: none;
}
.card-body .btn-read-more{
    border: 1px solid #fc6501;
    background-color:  #fc6501;
}
.card-body .btn-read-more:hover{
    border: 1px solid #eee;
    background-color:  #eee;
}
.post-title{
    width: 100%;
    border: 1px green solid;
    height:49px;
    padding-left: 7px;
    
}
.post-title-wrap{
    margin-bottom: 21px;
}
.post-text{
    width: 100%;
    border: 1px green solid;
    height:147px;
    padding-left: 7px;    
}
.post-text-wrap{
    margin-bottom: 51px;
}
.error-message{
    color: red;
    padding:3px;
    display:none;
}
.add-post-img{
    width  : 1px;
    height : 1px;
    border : none;
    color  :#fff;
    position:absolute;
    z-index: 3;
    margin-top: -31px;
}
.add-image-button{
    width: 119px;
    padding: 7px 0;
    background-color: #fc6501;
    color: #fff;
    border: 1px solid #fc6501;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    position:relative;
    cursor: pointer; 
    margin: -10px 0 21px 0;
}

.dark-screen{position: fixed; display:none; background-color: rgba(0,0,0,0.8);height:0px;width:0px; z-index: 0;}
.video-centered {color:#ffffff; font-family: 'robotoregular'; background-color: #5c5c5c; font-size: 18px; position: fixed;  top: calc( 50% - 380px ); left: calc( 50% - 470px ); width:940px; height:760px; vertical-align: bottom; z-index: 1; display: none;}
.video-centered #close-video{position:absolute; margin-left: 102%; margin-top:-37px; cursor:pointer; font-weight:bold; font-size:20px;z-index:10}
#imageinput{
    margin:0 0 7px 21px ;
}
.form-save-file-btn{
    cursor: pointer;
    border-radius: 3px;
    background-color: #fc6501;
    text-align: center;
    width: 191px;
    height: 37px;
    padding: 4px;
}
#imageinput{
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: 1;
    margin-top: -49px;
}
.input-button-crop{
    width: 191px;
    height: 37px;
    position: absolute;
    z-index: 3;
    margin-top: -49px;
    color:#fff;
    padding: 4px;
    background-color: #fc6501;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}
.input-file-crop{
    width:100%;
    padding-left: 37px;
    
}
.small{
    color:#fc6501;
}
.card-body{
    overflow: auto;
}
.edit-span{
    font-size:20px;
    margin-left:21px;
    cursor:pointer;
}
.delete-span{
    font-size:20px; 
    color:darkred;
    cursor:pointer;
    margin-left:21px;
}
.js-deleted{
    display:none;
}
.js-resume{
    margin-left:40%; 
    text-decoration: underline; 
    cursor:pointer;
}
.nothing-found{
    color:darkred;
    font-size: 22px;
    text-transform: uppercase;
    padding:2em;
}
.search-post-by-user{
    text-decoration: underline;
    cursor : pointer;
}
.return-to-full{
    margin-left:40%; 
    font-size:12px;
    display: none;
}
.js-deleted{
    display:none;
}
.js-log-out{
    color:#000;
    font-size: 16px; 
}
.js-log-in a{
    color:#000;
    font-size: 16px; 
}
element {

}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius : .25rem;
    margin        : 2.25rem 0!important;
    padding: 0;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: 1.75rem 2.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    font-size: 2.25rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    color: rgb(33, 37, 41);
    margin-top: 0;
}
.card-header a{
    color: rgb(33, 37, 41);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 2.25rem;
}
#search-block .js-search-button{
    cursor: pointer;
    -webkit-appearance: button;
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .775rem .475rem;
    font-size: 18px;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;    
}
#search-block .js-search-input{
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 34px;
    padding: 2.0rem .475rem;
    font-size: 18px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.card-title {
    margin-bottom: .75rem;
}
.text-muted {
    color: #6c757d !important;
}
.card-footer {
    padding: 1.75rem 2.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}
.img-fluid{
    width:100%;
}
.logo-div-col {
        margin-top: 0;
}