/*

Author: netayout

Author URL: http://net.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

*/





/*--reset--*/



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,

dl,

dt,

dd,

ol,

nav ul,

nav 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;

}



ol,

ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



blockquote,

q {

	quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

	content: '';

	content: none;

}

p{
	font-size: 24px;
	line-height: 28px;
	letter-spacing: -0.00175px;
	color: #FFFFFF;
}



table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*--start editing from here--*/



a {

	text-decoration: none;

}



strong{

	font-weight: bold;

}

@media(min-width:350px) and (max-width:768px){
.custompar{
	text-align: center !important;
	font-size: 14px !important;
	line-height: 18px !important;
}	

.flipper {
  text-align: center !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  margin-bottom: 2em !important;
}
	
.whitebanner{
	bottom: 0 !important;
	height: auto !important;
	text-align: center;
}
	
.address{
	text-align: center !important;
}
	
.address-soft{
	text-align: center !important;
	margin-bottom: 1em;
}

.phone{
	text-align: center !important;
}
	
	
}

.flipper {
  text-align: left;
  position: relative;
  top: 4em;
  left: 10em;
}

.mtb6{
	margin-top: 6em;
	margin-bottom: 6em;
}

.aboutbutton{
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: -0.00175px;
	color: #FFFFFF;
	transition: all 0.2s;

}

.aboutbutton:hover{
	color: #ddd;
	text-decoration: none;
	background-image: url("img/infostrike.svg");
}

.custompar{
	text-align: left;
	margin: 0.5em;
}

.aykutlogo{
	margin-bottom: 4em;
}

.infoimg{
	display: inline;
	vertical-align: middle;
}

.mainheader{

	font-family: 'Raleway', sans-serif;

	font-style: normal;

	font-weight: bold;

	font-size: 32px;

	line-height: 40px;

	text-transform: uppercase;

	letter-spacing: -0.00175px;

	/*background: linear-gradient(rgba(135, 135, 135, 1),rgba(255, 255, 255, 1))*/

	background: -webkit-linear-gradient(#878787, #FFFFFF);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

}



.mainarea{

	margin: 4em;

}



.aykutgclogo {

  margin-bottom: 5em;

}



/*.strike{

	background: url("/aykut/img/strike.svg");

}*/



.whitebanner{

	background: #fff;

	position: sticky;

	width: 100%;

	height: 136px;

	box-shadow: 16px 0px 32px 0px rgba(0, 0, 0, 0.16);

	box-sizing: border-box;

	filter: drop-shadow(0px 0px 2px #000);

	bottom: 0;

	padding: 1.5em;

}



.iglogo{

	margin-top: 2em;

}



.address{

	font-weight: bold;

	font-size: 24px;

	line-height: 28px;

	letter-spacing: -0.00175px;

	color: #868686;

	margin-bottom: 1em;

}



.address-soft{

	font-weight: normal;

	font-size: 20px;

	line-height: 28px;

	letter-spacing: -0.00175px;

	color: #868686;

}



.smlstrike {

  vertical-align: middle;

  margin-right: 0.25em;

}



.phone{

	font-weight: normal;

	font-size: 20px;

	line-height: 28px;

	letter-spacing: -0.00175px;

	color: #868686;

	transition: all 0.2s;

}



.phone:hover{

	color: #000;

}



.menubutton{

    background: #00000047;

	color: #fff;

    border-radius: 6px;

    padding: 1em;

	font-size: 20px;

	display: inline-block;

	width: 30%;

	transition: all 0.2s;

}



.menubutton:hover{

	color: #fff;

	text-decoration: underline #f58337;

}



.qrcode{

	height: 140px;

	margin-top: 2em;

}



@media (min-width:350px) and (max-width:768px){

.menubutton{

		width: 80%;

		margin-bottom: 2em;

}

	

.tback {

    width: 90% !important;

}

	

	}



.txt-rt {

	text-align: right;

}





/* text align right */



.txt-lt {

	text-align: left;

}





/* text align left */



.txt-center {

	text-align: center;

}





/* text align center */



.float-rt {

	float: right;

}





/* float right */



.float-lt {

	float: left;

}





/* float left */



.clear {

	clear: both;

}





/* clear float */



.pos-relative {

	position: relative;

}





/* Position Relative */



.pos-absolute {

	position: absolute;

}





/* Position Absolute */



.vertical-base {

	vertical-align: baseline;

}





/* vertical align baseline */



.vertical-top {

	vertical-align: top;

}





/* vertical align top */



nav.vertical ul li {

	display: block;

}





/* vertical menu */



nav.horizontal ul li {

	display: inline-block;

}





/* horizontal menu */



img {

	max-width: 100%;

}





/*--end reset--*/



body {

	

font-family: 'Raleway', sans-serif;

font-size: 100%;

background-attachment: fixed !important;

text-align: center;

background: url("/img/bg.png");

background-size: cover;

	min-height: 100%;

}



body a {

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-o-transition: 0.5s all;

	-ms-transition: 0.5s all;

}



.bg-agile {

	background: rgba(2, 2, 2, 0.55);

}

/*--banner--*/

.ban-head {

    margin: 4em 0 0 0;

}

.ban-head h2 {

    font-size: 2em;

    color: #fff;

    letter-spacing: 2px;

}

.ban-head h1 {

    font-size: 4em;

	color: rgb(245,131,55);

    color: linear-gradient(90deg, rgba(245,131,55,1) 0%, rgba(0,142,176,1) 35%, rgba(255,255,255,1) 100%);

    letter-spacing: 10px;

	font-family: 'Raleway', sans-serif;

}

.ban-head p {

    font-size: 1.5em;

    color: #ffffffeb;

	letter-spacing: 1px;

}

.video-net {

    background: rgba(0, 0, 0, 0.51);

     /*min-height: 1086px;*/

    display: block;

	background-image: url("/aykut/img/bg.png");

}

/*--//banner--*/

/*-- Countdown-Timer --*/

h3.tittle {

    font-size: 3em;

    color: #333;

	letter-spacing:2px;

	text-align:center;margin-bottom:0.5em;

}

.countdown-timer-netaits {

    background: url(../images/count.jpg)no-repeat 0px 0px;

    background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	-ms-background-size: cover;

	   min-height:550px;

}

.agile-its {

    padding-top: 10em;

    margin: 0 auto;

}

.simply-section {

    display: block;

    width: 25%;

    float: left;

    text-align: center;

    padding: 7% 0%;

    background: #00000047;

}

.countdown-timer-netaits h3 {

    font-weight:200;

	font-size:3em;

    margin-bottom: 40px;

    color: #fff;

    text-align: center;

    letter-spacing: 3px;	

}



.tback {

	background: #00000047;

	width: 30%;

	margin: auto;

	padding: 2% !important;	

}



.countdown-timer-netaits h4 {

    margin-bottom:30px;

    color: #fff;

    text-align: center;

    letter-spacing:3px;

	font-size:2em;

	text-transform:uppercase;

}

.examples {

    width: 50%;

    margin: 0em auto 0;

}

.countdown-timer-netaits h3  span{ 

	     color: #ff8c00;

}

span.simply-amount {

	font-size: 2.5em;

    line-height: 0;

    font-weight: 800;

    color: #fff;

}

span.simply-word {

    font-size: 16px;

    letter-spacing: 1px;

    font-weight: 500;

    margin-left: 5px;

    text-transform: uppercase;

    color: #ffffff;

	display: block;

	margin-top: 15%;

}

/*-- //Countdown-Timer --*/

/*--newsletter--*/

.newsletter {

    margin: 0em auto 0;

}

.newsletter h2{

    color: #fff;

    font-size: 1em;

    margin: 0 0 1em 0;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-weight: 600;

}

.newsletter input[type="text"] {

    padding: 1em;

    border: solid 1px #FFFFFF;

      width: 30%;

    font-size: .9em;

    color: #000000;

    outline: none;

    display: inline-block;

    background: #ffffff;

}

button {

	color: #ffffff;

    padding: 1em;

    font-size: .9em;

    text-align: center;

    cursor: pointer;

    text-decoration: none;

       background: #00000047;

    border: solid 1px #fff;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

}

button:hover {

    background: none;

    border: solid 1px #ffffff;

}

/*--//newsletter--*/

/*-- social-icons --*/

.agileinfo-social-grids {

    z-index: 999;

    text-align: center;

}

.agileinfo-social-grids ul {

    padding: 0;

    margin: 0;

}

.agileinfo-social-grids ul li {

    display: inline-block;

    margin: .5em 0;

}

.agileinfo-social-grids ul li a {

    color: #FFFFFF;

    text-align: center;

}

.agileinfo-social-grids ul li a i.fa.fa-facebook, .agileinfo-social-grids ul li a i.fa.fa-twitter, .agileinfo-social-grids ul li a i.fa.fa-rss, .agileinfo-social-grids ul li a i.fa.fa-vk, .agileinfo-social-grids ul li a i.fa.fa-instagram {

     width: 30px;

    height: 30px;

    margin: 6px;

    font-size: 20px;

    line-height: 32px;

    color: #fff;

    text-decoration: none;

    text-shadow: none;

    background: #00000047;

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

	    border: 2px solid transparent;

}

.agileinfo-social-grids ul li a i.fa.fa-facebook:hover {

	border: solid 2px #3b5998;

	background:#3b5998;

    color: #FFFFFF;

}

.agileinfo-social-grids ul li a i.fa.fa-twitter:hover{

	border: solid 2px #55acee;

	background:#55acee;

	color: #FFFFFF;

}



.agileinfo-social-grids ul li a i.fa.fa-instagram:hover{

	border: solid 2px #8a3ab9;

	background:#8a3ab9;

	color: #FFFFFF;

}



.agileinfo-social-grids ul li a i.fa.fa-rss:hover{

	border: solid 2px #f26522;

	background:#f26522;

	color: #FFFFFF;

}

.agileinfo-social-grids ul li a i.fa.fa-vk:hover{

	border: solid 2px #45668e;

	background:#45668e;

	color: #FFFFFF;

}

/*-- //social-icons --*/

/*-- footer --*/

.center-container{

	padding:0em 0;

	background: rgba(0, 0, 0, 0.28);

}

.net_copy_right{

	padding:0;

	text-align:center;

	border-top:none;

}

.net_copy_right p {

    color: #ffffff;

    line-height: 2em;

    font-size: 16px;

	letter-spacing: 2px;

}

.net_copy_right p a{

	color: #f58337;

	text-decoration:none;

}

.net_copy_right p a:hover{

	color:#fff;

	text-decoration: underline #f58337;

}

/*-- //footer --*/

/*-- /responsive design --*/

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:800px){

	.ban-head h1 {

    font-size: 3.5em;

}

.examples {

    width: 80%;

}

}

@media(max-width:768px){

}

@media(max-width:736px){

	.ban-head {

    margin: 3em 0 0 0;

}

}

@media(max-width:667px){

	.ban-head h1 {

    font-size: 3.5em;

    letter-spacing: 7px;

}

.simply-section {

    padding: 7% 0%;

}

.newsletter input[type="text"] {

    width: 50%;

}

.examples {

    margin: 2em auto 0;

}

}

@media(max-width:640px){

	.ban-head h1 {

    font-size: 3em;

    letter-spacing: 7px;

}

}

@media(max-width:600px){



}

@media(max-width:568px){

		.simply-section {

    width: 49%;

    float: left;

}

}

@media(max-width:480px){

	.ban-head h1 {

    font-size: 2.8em;

    letter-spacing: 2px;

}

span.simply-amount {

    font-size: 2em;

}

}

@media(max-width:414px){

	.ban-head h1 {

    font-size: 2.5em;

    letter-spacing: 2px;

}

.examples {

    margin: 0em auto 0;

}

.ban-head h1 {

    font-size: 2.2em;

    letter-spacing: 2px;

}

.ban-head p {

    font-size: 1.2em;

}

.ban-head {

    margin: 2em 0 0 0;

}

.simply-section {

    padding: 12% 0%;

}

}

@media(max-width:384px){

}

@media(max-width:375px){

	.net_copy_right p {

    font-size: 16px;

    letter-spacing: 0px;

}

}

@media(max-width:320px){

	.ban-head h1 {

    font-size: 2em;

    letter-spacing: 2px;

   }

   .examples {

    width: 92%;

    }

}

/*-- /responsive design --*/