body {margin:0; font-family:'Oswald'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:#000}
body#body1 {background-color:#000; background-image: url(../images/yildizlar-1.png) , url(../images/2473.png);
background-position: center, bottom  center;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a{text-decoration:none !important;}
.img img {width:100%}
ul {margin:0; padding:0; list-style:none}
:focus {
outline: 0;
}
input[type="button"],input[type="submit"],a,.transition,li,svg { -webkit-transition: background-color 0.3s linear,color 0.3s linear,opacity 0.3s linear,fill 0.3s linear  ;-moz-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear,fill 0.3s linear  ; -ms-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear,fill 0.3s linear  ;-o-transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear,fill 0.3s linear  ; transition: background-color  0.3s linear,color 0.3s linear,opacity 0.3s linear,fill 0.3s linear  ;}

.container2 {width:1650px}

header #Horatio {display:inline-block; opacity:0}
.opacity-full {opacity:1 !important}

.menu--horatio .menu__item a {
  font-size: 25px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  color: #ffffff;
}


.menu--horatio .menu__item  {
	margin:0 17px
}

.menu--horatio .menu__item:hover {
	color: #FF465E;
}
.menu--horatio .menu__link:hover {
	color: #FF465E;
	border-color:#FF465E;
}
header  {padding:50px;position: absolute;
    width: 100%; z-index:1;text-align: center;}
header .logo {/*display:inline-block; float:left;*/     margin-top: 10px;     position: absolute; opacity:0}
header .logo svg {fill:#fff }
header .logo svg:hover {fill:#FF465E !important; }
header .lng {/*display:inline-block; float:right;   */     position: absolute; right:50px; top:75px; opacity:0}
header .lng a  {
  font-size: 25px;
  color: #ffffff;
}
header .lng a:hover  {
 color: #FF465E;
}
#section0 .layer {
    height: 100%;
	top:0 !important
}
.bg-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url('../images/bg-animate.gif'); background-position:center; background-repeat:no-repeat; z-index:4}
/*#section0 .circle {width:324px; height:324px; background-image:url('../images/Orta-Yuvarlak.png'); background-position:center; background-repeat:no-repeat}*/
#section0 .content {z-index:5}

.animate-menu {    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
	
	}
	
.animate-menu .left {float:left;    position: relative;
    left: 13%; opacity:0}
.animate-menu .right {float:right;    position: relative;
    right: 13%; opacity:0}
.animate-menu a  {
	display:block;
  width: 286px;
  height: 55px;
  border: solid 2px #5b97d1;
  background-color: rgba(91, 151, 209, 0.11);
  font-size: 20px;
  color: #ffffff;
  background-color:rgba(91, 151, 209, 0.11);
  padding-top:14px;
  margin-bottom:50px
}

.animate-menu .left a:last-child{margin-bottom:0}
.animate-menu .right a:last-child{margin-bottom:0}
.animate-menu a:hover {background-color:#FF465E
;-webkit-box-shadow: -1px -1px 14px 0px rgba(255,70,95,1);
-moz-box-shadow: -1px -1px 14px 0px rgba(255,70,95,1);
box-shadow: -1px -1px 14px 0px rgba(255,70,95,1); border-color:#FF465E}

.down-button {
    position: absolute;
    text-align: center;
    width: 100%;
    padding-bottom:50px;
	animation: MoveUpDown 1.3s linear infinite;
  position: absolute;
}
.down-button a { width: 101.3px;
  height: 77.9px; display:inline-block; background-image:url(../images/asagi-in.png); background-position:center; background-repeat:no-repeat; z-index:1;
   
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
}

#section1,#section2 { background-image:url('../images/yildizlar-1.png') }
/*
#section3  { background-image:url('../images/yildizlar-1.png') , url('../images/2473.png');     background-position: center, top 553px center;
    background-repeat: repeat, no-repeat;}
*/
body  { background-image:url('../images/yildizlar-1.png') , url('../images/2473.png');     background-position: center, bottom center;
    background-repeat: repeat, no-repeat;}
.class1  {text-align:right}
.class1 .text p {margin-bottom:30px}
.class1 .text {
  font-weight: 300;
  line-height: 1.48;
  color: #ffffff;
      text-align: right;
}
.class1 h2  {
  font-size: 42px;
  font-weight: normal;
  line-height: 1.48;
  color: #5b97d1;
  margin-bottom:30px
}

.class1 p  {
  font-size: 27px;
  font-weight: 300;
  line-height: 1.48;
  color: #ffffff;
}
.class1 a {
 
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  color: #5b97d1;
}

.class2 h2  {
  font-size: 111px;
  font-weight: 300;
  color: #c8c8c8;
  margin:0;
  padding:0
}

.class2 h3 {
  font-size: 30px;
  font-weight: 300;
  color: #c8c8c8;
  margin:0;
  padding:0
}

.class2 p {
  font-size: 27px;
  font-weight: 300;
  line-height: 1.48;
  color: #ffffff;
  margin-top:40px;
  margin-bottom:60px
}
.class2 .text {padding-top:100px}

.class2 .text a  {
	display:inline-block;
  width: 286px;
  height: 55px;
  border: solid 2px #5b97d1;
  background-color: rgba(91, 151, 209, 0.11);
  font-size: 20px;
  color: #ffffff;
  background-color:rgba(91, 151, 209, 0.11);
  padding-top:16px;
  margin-bottom:50px
}

.class2 .text a:hover {background-color:#FF465E
;-webkit-box-shadow: -1px -1px 14px 0px rgba(255,70,95,1);
-moz-box-shadow: -1px -1px 14px 0px rgba(255,70,95,1);
box-shadow: -1px -1px 14px 0px rgba(255,70,95,1); border-color:#FF465E}


#section3 .overlay { background-image: linear-gradient(to bottom, #0b101a, rgba(0, 0, 0, 0.57)); position:absolute; top:0; left:0; width:100%; height:100%; z-index:0}

.class3 h3  {
  font-size: 44px;
  font-weight: 300;
  line-height: 1.48;
  color: #c8c8c8;
      margin: 0;
    padding: 0;
}

.class3   {z-index:1; position:relative}
.class3   .sec {text-align:center}
.class3   .map-show {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.5;
  color: #5b97d1;
}
.class3 p  {
 
  font-size: 27px;
  font-weight: 300;
  line-height: 1.48;
  color: #ffffff;
      margin: 0;
}
#body1 .class3 .top {
}
.class3 .middle .sec {height:250px;padding-top: 0px;}
.class3 .middle .sec1 {border-right: solid 2px #5e9cd7;}
.class3 .middle .sec2 {border-right: solid 2px #5e9cd7;border-left: solid 2px #5e9cd7;}
.class3 .middle .sec3 {border-left: solid 2px #5e9cd7;}

.class3 .line {border-left: solid 2px #5e9cd7; height:190px}
.class3 .middle  {margin-bottom:40px; position:relative}

.class3 .top  {margin-bottom:70px; position:relative}
.class3 .top .sec1 .line {-moz-transform: skew(45deg, 0deg);
-webkit-transform: skew(45deg, 0deg);
-o-transform: skew(45deg, 0deg);
-ms-transform: skew(45deg, 0deg);
transform: skew(45deg, 0deg);
right: 110px;
    position: absolute;
    top: 0;
}

.class3 .top .sec3 .line {-moz-transform: skew(-45deg, 0deg);
-webkit-transform: skew(-45deg, 0deg);
-o-transform: skew(-45deg, 0deg);
-ms-transform: skew(-45deg, 0deg);
transform: skew(-45deg, 0deg);
left: 110px;
    position: absolute;
    top: 0;
}


.class3 .bottom .sec1 .line {-moz-transform: skew(-45deg, 0deg);
-webkit-transform: skew(-45deg, 0deg);
-o-transform: skew(-45deg, 0deg);
-ms-transform: skew(-45deg, 0deg);
transform: skew(-45deg, 0deg);
right: 110px;
    position: absolute;
    top: 0;
}

.class3 .bottom .sec3 .line {-moz-transform: skew(45deg, 0deg);
-webkit-transform: skew(45deg, 0deg);
-o-transform: skew(45deg, 0deg);
-ms-transform: skew(45deg, 0deg);
transform: skew(45deg, 0deg);
left: 110px;
    position: absolute;
    top: 0;
}


.mobile-show {display:none;width:100%}

.animated-arrow {
    right: 15px;
	  width: 46px;
    left: inherit;
	    top: 40px;
}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
    width: 46px;
    height: 3px;
    background-color: #5b97d1;
}
.animated-arrow span {
    margin-top: 8px;
}
.animated-arrow span:after {
    top: 16px;
}
.wsoffcanvasopener .animated-arrow {
    left: inherit;
}

.mobile-header .logo {
    margin-top: 0;
    position: absolute;
    opacity: 0;
    top: 40px;
    left: 20px;
}
.mobile-header .logo {
	width:148px
}

.line-abc {top:15%; position:absolute; width:100%}
.line-abc .top .left { left:4px; width:50%;

-moz-transform: rotate(11.25deg);
-webkit-transform: rotate(11.25deg);
-o-transform: rotate(11.25deg);
-ms-transform: rotate(11.25deg);
transform: rotate(11.25deg);
}
.line-abc .top .right { right:4px; width:50%;

-moz-transform: rotate(-11.25deg);
-webkit-transform: rotate(-11.25deg);
-o-transform: rotate(-11.25deg);
-ms-transform: rotate(-11.25deg);
transform: rotate(-11.25deg);
}

.line-abc .bottom .left { left:4px; width:50%;

-moz-transform: rotate(-11.25deg);
-webkit-transform: rotate(-11.25deg);
-o-transform: rotate(-11.25deg);
-ms-transform: rotate(-11.25deg);
transform: rotate(-11.25deg);
}
.line-abc .bottom .right { right:4px; width:50%;

-moz-transform: rotate(11.25deg);
-webkit-transform: rotate(11.25deg);
-o-transform: rotate(11.25deg);
-ms-transform: rotate(11.25deg);
transform: rotate(11.25deg);
}
.line-abc .line {
    border-right: solid 2px #5e9cd7;
    height: 4px;
    background: #5e9cd7;
	
position:absolute
}

.line-abc .middle {
	height:616px;
	width:4px;
	 background: #5e9cd7;
	 display:inline-block;
	 margin:41px 0 32px
}



.octagon {
       background-image: url(../images/mobile-contact-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 167px;
    background-size: auto 100%;
    margin-bottom: 15px;
    background-position: center;
    display: inline-block;
		padding-top: 18px;
}
/*
.wsoffcanvasopener .wsmenu {background-color: rgba(0,0,0,0.8) !important;}
.wsmenu > .wsmenu-list > li > a:hover {
    color: #FFF;
}
.wsmenu > .wsmenu-list > li > a {
    color: #ddd;
}
*/

.class4 {height:280px; background-size:100%; text-align:center; position:relative}
.class4 .caption {position:absolute; bottom:20px; width:100%;}
.class4 .caption h2 {
  font-size: 39px;
  color: #000000;
}
.crumb{}
.crumb li{display:inline-block;
 
  font-size: 12px;
  font-weight: 300;
  color: #2c4c6b;
}
.crumb a:after{content:'\00a0\00a0>\00a0'}
.crumb a{ color: #2c4c6b;}

.class5 {text-align:center; margin:100px 0;z-index:1;    position: relative;}
.class5 .text p{margin-bottom:30px}
.class5 .text{
  font-size: 27px;
  font-weight: 300;
  line-height: 1.48;
  color: #ffffff;
}
.class5 h3  {font-size: 35px;
  color: #db7070;font-weight: 300; margin-top:100px

}
.class5 img  {max-width: 100%;}
.class5 h2  {
  
  font-size: 42px;
  color: #5b97d1;
  margin:0 0 50px
}

#body1 #section3 {margin-bottom:100px}

.imag-1 {
    position: absolute;
    top: 90%;
    left: 50px;
	z-index:0
}
.imag-2 {float:right; display:inline-block; margin-bottom:100px; margin-right:50px;
	z-index:0}
	
header  {z-index:2}


.class6 {margin-top:60px}
.class6 a.button  {
	display:block;
  width: 100%;
  height: 55px;
  border: solid 2px #5b97d1;
  background-color: rgba(91, 151, 209, 0.11);
  font-size: 20px;
  color: #ffffff;
  padding-top:14px;
  text-align:center;
  margin-bottom:30px
}
.class6 a.button.active  {
  background-color: #5b97d1}
.class6 a:hover {background-color:#FF465E !important
;-webkit-box-shadow: -1px -1px 14px 0px rgba(255,70,95,1);
-moz-box-shadow: -1px -1px 14px 0px rgba(255,70,95,1);
box-shadow: -1px -1px 14px 0px rgba(255,70,95,1); border-color:#FF465E}

.class7 {text-align:center; margin-bottom:400px}
.class7 h3  {
  font-size: 39px;
  line-height: 1.49;
  color: #5b97d1;
}
.class7 p  {
  font-size: 23px;
  font-weight: 300;
  color: #c8c8c8;
  width:364px;
   line-height: 1.48;
  display:inline-block
}
.class7 .form .sec:nth-child(1){width:38%}
.class7 .form .sec:nth-child(2){width:38%}
.class7 .form .sec:nth-child(3){width:24%}
.class7 .form .input-text {width:100%; background-color:transparent; border:none;height:60.2px; width:100%; text-align:center;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.44;
  color: #c8c8c8;
  
    padding-bottom: 5px;
}

.class7 .form .input2 .input-text {height:195px; 
}
.class7 .form .input-submit {width:100%; background-color:transparent; border:none;height:60.2px; width:100%;
 
  font-size: 25px;
  line-height: 1.48;
  color: #ffffff;
  padding-bottom: 5px;
}
.class7 .input {height:60.2px; width:100%;
 background-image: url(../images/inputbgLeft.png) , url(../images/inputbgRight.png);
background-position: left center, right center; background-repeat:no-repeat
}
.class7 .input2 {height:195px; width:100%;
 background-image: url(../images/inputbgLeftBig.png) , url(../images/inputbgRightBig.png);
background-position: left center, right center; background-repeat:no-repeat
}
.class7 .inputx {position:relative}
.class7 .inputx .inx{background-color: rgba(91,151,209,0.8);
    height: 57px;
    position: absolute;
    width: 100%;
    top: 2px;
    border-radius: 24px;
	z-index:0
}
.class7 .input .in {height:60.2px; margin:0 25px; border-top:solid 2px #5b97d1; border-bottom:solid 2px #5b97d1; z-index:1; position:relative}
.class7 .input2 .in {height:195px;}
.class7-1 .input {margin-bottom:50px}

.class7-1 h2 {
  font-size: 42px;
  line-height: 1.48;
  color: #5b97d1;
}

.class7 .form .input-text::-webkit-input-placeholder { color: #c8c8c8;}
.class7 .form .input-text:-moz-placeholder {color: #c8c8c8;}
.class7 .form .input-text::-moz-placeholder {color: #c8c8c8;}
.class7 .form .input-text:-ms-input-placeholder {color: #c8c8c8;}

.class7 .form .input-text:focus::-webkit-input-placeholder { color: #444;}
.class7 .form .input-text:focus:-moz-placeholder {color: #444;}
.class7 .form .input-text:focus::-moz-placeholder {color: #444;}
.class7 .form .input-text:focus:-ms-input-placeholder {color: #444;}

.class7 .caption {margin-bottom:30px}

.class8  {margin:100px 0}
.class8 .img {
  border: solid 3px #5b97d1;
  padding:10px
}
.class8 .item .row {position:relative}
.class8 .item .sec2 {position: absolute;
    height: 100%;
    right: 0;}
.class8 .item .sec2.pull-left {position: absolute;
    height: 100%;
    right: inherit;
	left:0}	
	
.class8 .text {text-align:center;
position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    /*  margin: 132px 0 0 0;*/
}
.class8 .text .in {text-align:center;

}

.class8 .text h3 {
    font-size: 25px;
    line-height: 1.48;
    color: #ffffff;
    width: 50%;
    display: inline-block;
    margin: 0 0 30px;
}
.class8 .text p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  color: #ffffff;
   margin: 0 0 30px;
}
.class8 .text .more {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  color: #5b97d1;
}
.class8 .item {
	margin-bottom:100px
}

.class9 {text-align:center; margin:50px 0 250px}
.class9 .img {
	display:inline-block;
  border: solid 3px #5b97d1;
  padding:10px;
  margin-bottom:100px
}
.class9 .img img {max-width:990px}

.class9 .text {display:inline-block; text-align:center;
  font-size: 27px;
  font-weight: 300;
  line-height: 1.48;
  color: #ffffff;
  max-width:1250px
}
.class9 h1 {
display:inline-block;
  max-width: 816px;
  font-size: 42px;
  font-weight: normal;
  line-height: 1.48;
  color: #5b97d1;
  margin:0 0 100px
}


.class10  {text-align:center}
.class10 h2 {
  font-size: 42px;
  font-weight: normal;
  color: #5b97d1;
  margin:100px 0;
}

.class7-1 {text-align:center; margin: 100px 0;}
.class7-1 .form {max-width:700px; display:inline-block}

#aricaz .modal-header , #gonderildi .modal-header {
    border-bottom: none;
}
#aricaz .modal-content , #gonderildi .modal-content {
    background-color: rgba(91, 151, 209, 0.8);
}
#aricaz .close , #gonderildi .close {
    font-size: 32px;
    font-weight: 400;
    color: #FFF;
    text-shadow: none;
    filter: 100;
    opacity: 1;
}
.alert-success {
    background-color: #5b97d1;
    border-color: rgba(255,255,255, 0.1);
    color: #FFF;
    font-size: 26px;
    padding: 20px;
    font-weight: 300;
}
@media (max-width: 1800px) {
	.animate-menu .left {left: 12%;}
	.animate-menu .right {right: 12%;}
}
@media (max-width: 1650px) {
	.container2 {width:100%}
	.animate-menu .left {left: 10%;}
	.animate-menu .right {right: 10%;}
}
@media (max-width: 1600px) {
	.animate-menu .left {left: 8%;}
	.animate-menu .right {right: 8%;}
	.animate-menu a {
    margin-bottom: 36px;
}
.class4 {
    height: 200px;
    background-size: 130%;
    background-position: bottom center;
    background-repeat: no-repeat;
}


}
@media (max-width: 1366px) {
	.animate-menu a {
    width: 234px;
    height: 41px;
   
    font-size: 17px;
    padding-top: 5px;
    margin-bottom: 41px;
	}
		.menu--horatio .menu__item a {
    font-size: 22px;
}
header .lng a {
    font-size: 22px;
}
header .lng {
    top: 50px;
}
header {
    padding: 30px;
}
.menu--horatio .menu__item a {
    font-size: 19px;
}
.menu--horatio .menu__item {
    margin: 0;
}
header .logo img {
    width: 150px;
}
header .lng a {
    font-size: 19px;
}
header .lng {
    top: 46px;
}
.imag-1 img {width:500px}
.imag-2 img {width:500px}
.class8 .text h3 {
    width: 100%;
}
}
@media (max-width: 1280px) {
	.animate-menu a {
		width: 214px;
		margin-bottom: 24px;
	}
	.animate-menu .left {left: 6%;}
	.animate-menu .right {right: 6%;}
	
	.class1  {text-align:center}
	.class1 h2  {
		font-size: 32px;
		margin-bottom: 15px;
	}

	.class1 p  {
		font-size: 24px;
	}
	.class1 .img img {width:420px}
	.class2 .img img {width:80%}
	.class2 h2 {
		font-size: 70px;
	}
	.class2 h3 {
		font-size: 22px;
	}
	.class2 p {
		font-size: 21px;
		margin: 30px 0;
	}
	.class2 .text {
		padding-top: 40px;
	}
	.class3 h3 {
		font-size: 28px;
	}
	.class3 p {
		font-size: 19px;
	}

	.class3 .middle .sec {
		height: 196px;
		padding-top: 40px;    padding: 0 30px;
	}
	.class3 .line {
		height: 136px;
	}
	#section3 {
		background-position: center, top 366px center;
	}
	.class8 .text h3 {
		font-size: 19px;
		margin: 0 0 20px;
	}
	.class8 .text p {
    font-size: 18px;
    margin: 0 0 20px;
	}
	.class8 .text .more {
		font-size: 18px;
	}
	
	
}
@media (max-width: 1024px) {
.class4 {
    height: 200px;
    background-size: 250%;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.imag-1 {display:none
}
.class9 h1 {
    font-size: 21px;
    font-weight: normal;
    line-height: 1.48;
    color: #5b97d1;
    margin: 0 0 30px;
}
.class9 .img {
    margin-bottom: 30px;
}
.class9 .text {
    font-size: 18px;
}
.class9 {
    margin: 50px 0;
}
}
@media (max-width: 991px) {
	.desktop-show {display:none}
	.mobile-show {display:inline-block}
	
.class3 .middle .sec {
    border:none
}
.class3 .line {
     border:none
}
   .class3  .sec {
      width: 100%;
      height: 100px;
      background: red;
      position: relative;
    }
    .class3  .sec:before {
      content: "";
      width: 100%;
      height: 0;
      position: absolute;
      top: 0;
      left: 0;
      border-bottom: 29px solid red;
      border-left: 29px solid rgba(0, 0, 0, 0);
      border-right: 29px solid rgba(0, 0, 0, 0) ;
    }
    .class3  .sec:after {
      content: "";
      width: 100%;
      height: 0;
      position: absolute;
      bottom: 0;
      left: 0;
      border-top: 29px solid red;
      border-left: 29px solid rgba(0, 0, 0, 0) ;
      border-right: 29px solid rgba(0, 0, 0, 0) ;
    }
	
	.class3 {text-align:center}
	.class3 p {
		width: 250px;
		display: inline-block
	}
	#section3 {
    background-position: center, top 601px center;
}

.class8 .text {
    top: inherit;
    -ms-transform: inherit;
    transform: inherit;
}
.class8 .item .sec2 {
    position: inherit !important;
    height: auto !important;
    right: inherit !important;
    left: inherit !important;
	margin-top:40px !important
}
.class8 .item {
    margin-bottom: 40px;
}
.class8 {
    margin: 40px 0;
}
.class3 .map-show {
    display: block;
    font-size: 11px;
}
.class7-1 .input {
    margin-bottom: 30px;
}
.class7-1 h2 {
    font-size: 30px;
}
	}
@media (max-width: 980px) {
	/*
	#section0 .layer {height:auto; top:inherit !important;
    position: relative;
    z-index: 4;left: inherit;
}*/

.down-button a {
    width: 55px;
    height: 42px;
    background-size: 55px;
}
.mobile-button.animate-menu {
    position: absolute;
    top: 50%;
}
.mobile-button.animate-menu a {
    width: 300px;
    margin-bottom: 40px;
	height: 58px;

    font-size: 19px;
    padding-top: 15px;
}

}
@media (max-width: 768px) {
	.class7 .form .sec:nth-child(1) {
		width: 100%;
	}
	.class7 .form .sec:nth-child(2) {
		width: 100%;
	}
	.class7 .form .sec:nth-child(3) {
		width: 100%;
	}
	.class7 .form .sec {margin-bottom:15px}
	.class7 {
    margin-bottom: 100px;
}
.class6 a.button {
    height: 53px;
    font-size: 18px;
    margin-bottom: 20px;
}
}
@media (max-width: 640px) {
	.line-abc {display:none}
	.mobile-button.animate-menu a {
    width: 170px;
    height: 33px;
    font-size: 11px;
	padding-top: 5px;
}
.down-button a {
    width: 51.6px;
  height: 39.7px;
    background-size: 100%;
}
.class1 p {
    font-size: 16px;
}
.class1 .text p {
    margin-bottom: 15px;
}
.class1 a {
    font-size: 16px;
}
.class1 .img {margin-top:30px}
.class1 .img img {
    width: 80%;
}

.octagon {
    height: 109px;
	    padding-top: 15px;
}
.class3 h3 {
    font-size: 21px;
}
.class3 p {
    width: 205px;
   font-size: 12px;
}
.class2 h2 {
    font-size: 60px;
}
.class2 p {
    font-size: 16px;
    margin: 20px 0;
}
.class2 .text a {
    display: inline-block;
    width: 219px;
    height: 41px;
    font-size: 16px;
    padding-top: 7px;
}

.class5 h2 {
    font-size: 30px;
	    margin: 0 0 20px;
}
.class5 .text {
    font-size: 19px;
}
.class5 {
    margin: 40px 0;
}
.imag-2 img {
    width: 100%;
}
.imag-2 {
    margin-bottom: 40px;
    margin-right: 0;
}
.class7 p {
    font-size: 18px;
    color: #c8c8c8;
    width: 100%;
}
}
@media (max-width: 480px) {
.class4 {
    background-size: 500%;
}
}
@media (max-width: 400px) {
	.mobile-button.animate-menu a {
    width: 150px;
}
}
@media (max-width: 320px) {

}