@charset "utf-8";



.poz_abs		{position: absolute;}   .poz_rel {position: relative;}  .poz_fix	{position: fixed;}

.col_left		{display:block; float:left;}
.col_right		{display:block; float:right;}

.float_left		{float: left;}  .float_right {float: right;} 


.color1			{color:#000;}
.color2			{color:#333;}
.color3			{color:#666;}
.color5			{color:#fff;}
.color6			{color:#ccc;}
.color7			{color:#eee;}

.colorHover1:hover	{color:#000;}
.colorHover2:hover	{color:#333;}
.colorHover3:hover	{color:#ccc;}
.colorHover4:hover	{color:#600202;}
.colorHover5:hover	{color:#054A4B;}
.colorHover6:hover	{color:#154578;}
.colorHover7:hover	{color:#7E871F;}
 
.bg_color1		{background-color:#FFFFFF;}
.bg_color2		{background-color:#EEEEEE;}
.bg_color3		{background-color:#333333;}
.bg_color4		{background-color:#E2E2E2;}

.border_solid1 	{
	border: 1px solid #E1E1E1;
}
 
.border_solid2 	{border: 1px solid #E2E2E2;}
.border_solid3 	{border: 1px solid #333333;}
.border_dashed1 {border: 1px dashed #CCCCCC;}
.border_dashed2 {border: 1px dashed #E2E2E2;}


.radius3 		{border-radius: 3px;} .radius5{border-radius: 5px;} .radius7{border-radius: 7px;} .radius8{border-radius: 8px;}  .radius9{border-radius: 9px;} .radius10{border-radius: 10px;}


.verdana{font-family: Verdana, Geneva, sans-serif;}  .tahoma {font-family: 'Tahoma', sans-serif;}

.fontSize10{font-size:10px;} .fontSize11{font-size:11px;} .fontSize12{font-size:12px;} .fontSize13{font-size:13px;} .fontSize14{font-size:14px;} .fontSize16{font-size:16px;} .fontSize18{font-size:18px;} .fontSize20{font-size:20px;} .fontSize24{font-size:24px;}

.fontSizeYuzde90{font-size: 90% !important;}  .fontSizeYuzde85 {font-size: 85% !important;}   .fontSizeYuzde80 {font-size: 80% !important;} 

.t_a_l 			{text-align: left;}  .t_a_r {text-align: right;} .t_a_c	{text-align: center;}

.bold			{font-weight:bold;}  .normal {font-weight:normal;}

.line_h_25		{line-height: 25px;} .line_h_28{line-height: 28px;} .line_h_30{line-height: 30px;}  .line_h_33{line-height: 33px;}  .line_h_35{line-height: 35px;}

.pointer			{cursor: pointer;}

.hv1			{text-decoration:none;}
.hv1:hover		{text-decoration:underline;}

.hv2:link		{text-decoration:none}
.hv2:active 	{text-decoration:none}
.hv2:visited	{text-decoration:none}
.hv2:hover 		{text-decoration:underline}

.gizle			{display:none;}
.clear          {clear: both;}


.disp_block		{
	display: block;
}
.disp_in_block	{display:inline-block;}


.m0				{margin:0px;} .m5{margin:5px;} .m10{margin:10px;} .m20{margin:20px;} .m30{margin:30px;} .m40{margin:40px;} 
.m_T0			{margin-top:0px;} .m_T5	{margin-top:5px;} .m_T10{margin-top:10px;} .m_T20{margin-top:20px;} .m_T30{margin-top:30px;} .m_T40{margin-top:40px;}
.m_L0			{margin-left:0px;} .m_L5 {margin-left:5px;} .m_L10{margin-left:10px;} .m_L20{margin-left:20px;} .m_L30{margin-left:30px;} .m_L40{margin-left:40px;}
.m_R5			{margin-right:5px;} .m_R10{margin-right:10px;} .m_R20{margin-right:20px;} .m_R30{margin-right:30px;}  .m_R40{margin-right:40px;}
.m_B5			{margin-bottom:5px;} .m_B10{margin-bottom:10px;} .m_B20{margin-bottom:20px;} .m_B30{margin-bottom:30px;} .m_B40{margin-bottom:40px;}

.p0				{padding:0px;} .p5{padding:5px;} .p10{padding:10px;} .p20{padding:20px;}  .p30{padding:30px;} .p40{padding:40px;}
.p_T0			{padding-top:0px;} .p_T5 {padding-top:5px;} {padding-top:10px;} .p_T15{padding-top:15px;} .p_T20{padding-top:20px;} .p_T30{padding-top:30px;} .p_T40{padding-top:40px;}
.p_L5			{padding-left:5px;} .p_L10{padding-left:10px;} .p_L20{padding-left:20px;} .p_L30{padding-left:30px;} .p_L40{padding-left:40px;}
.p_R5			{padding-right:5px;} .p_R10{padding-right:10px;} .p_R20{padding-right:20px;}  .p_R30{padding-right:30px;}  .p_R40{padding-right:40px;} 
.p_B5			{padding-bottom:5px;} .p_B10{padding-bottom:10px;} .p_B20{padding-bottom:20px;} .p_B30{padding-bottom:30px;} .p_B40{padding-bottom:40px;}

.col100	    	{width:100%;}   .col95{width:95%;}  .col90{width:90%;}  .col80{width:80%;}  .col70{width:70%;} .col60{width:60%;}  .col50{width:50%;} .col45{width:45%;} .col40{width:40%;}
.col35{width:35%;} .col30{width:30%;} .col25{width:25%;}


.w400			{width:400px;}
.w200			{width:200px;}
.w150			{width:150px;}
.w100			{width:100px;}
.w90			{width:90px;}
.w80			{width:80px;}
.w70			{width:70px;}
.w60			{width:60px;}
.w50			{width:50px;}
 
.h100			{height:100px;}
.h90			{height:90px;}
.h80			{height:80px;}
.h70			{height:70px;}
.h60			{height:60px;}
.h50			{height:50px;}
.h40			{height:40px;}



.box 			{width: 175px;	border: 1px solid #00326D;	margin-top: 7px; padding-bottom: 10px; }
.boxBaslik 		{width: 165px; height: 40px;	background-color: #00326D; line-height: 40px; color: #FFFFFF; padding-left: 10px; }
.boxContent	    {padding-left: 10px; padding-right: 10px; 	padding-top: 20px; }

.box_shadow1    {-webkit-box-shadow: 3px 2px 7px #BBBBBB;  box-shadow: 3px 2px 7px #BBBBBB;}


.feedback1		{display:block;	position:fixed;	bottom:0;right:20px;margin-left:330px;width:149px;height:35px;text-align:center;text-shadow:0 -1px 0 #ab3d08;padding-right:10px;padding-bottom:1px;	padding-left:10px;	z-index:9999}
.feedback2		{display: block; position: fixed;text-align: center; text-shadow: 0 -1px 0 #ab3d08; top: 35%; z-index: 9999; left: 0px;}

.feedback3	    {/* akadem */ position: absolute;margin-left: -130px;margin-top: 100px;border-top-left-radius: 10px; width: 200px; height: 40px;color: #fff;font-family: 'Lato', sans-serif; 
	font-size: 19px; font-weight: 400; text-align: center; line-height: 40px; border-bottom: 1px solid #53A7DC; 
    -webkit-transform: rotate(-90deg);    -moz-transform: rotate(-90deg);    -ms-transform: rotate(-90deg);    -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  border-top-right-radius: 10px; }


.ScroolKay		{overflow: scroll !important;}

.z_index_-1		{z-index: -1;}  .z_index_-9{z-index: -9;}  .z_index_-99{z-index: -99;}  .z_index_-999{z-index: -999;}  .z_index_-9999{z-index: -9999;} .z_index_1{z-index: 1;} .z_index_9{z-index: 9;}
.z_index_99{z-index: 99;}  .z_index_999{z-index: 999;}  .z_index_9999{z-index: 9999;}


 
.list1 ul 					{margin: 0; padding: 0;}
.list1 li					{list-style-type: disc;	list-style-position: inside;}

.list2 ul 					{margin: 0; padding: 0;}
.list2 li					{list-style-type: square;	list-style-position: inside;}

.list3 ul 					{margin: 0; padding: 0;}
.list3 li					{list-style-type: none;}
.list3 li::before			{content: "» ";} 

.list4 ul 					{margin: 0; padding: 0;}
.list4 li					{list-style-type: none;}
.list5 li::before			{content: "✓ "; color: #0D63AD; font-size: 16px; font-weight: bold;} 

.listSosyal ul 					{overflow: auto;}
.listSosyal li 					{list-style-type: none; display:inline-block;}
.listSosyal li a i 				{width:45px; height: 35px; padding: 0px; padding-top:10px; padding-bottom:0px; margin-top:5px; margin-left: 5px; color: #fff; text-align: center;}
.listSosyal .fa-facebook 		{background:#3C5B9B;} 
.listSosyal .fa-instagram 		{background:#ccc; color: #000000 !important;}
.listSosyal .fa-twitter 		{background:#19BFE5;}
.listSosyal .fa-youtube 		{background:#ff0000;}
 



.kurumsalBaslik{display: block; line-height: 40px; background-color: #333333; padding-left: 10px; color: #ffffff; font-size: 15px;}
.kurumsalBar{font-size: 15px;}



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


    .mobile {
        display: block;
    }

    .desktop {
        display: none !important;
    }
}


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

    .tasarimAlanKucult {
        width: 70%;
    }
}

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

    .mobile {
        display: none !important;
    }

    .desktop {
        display: block;
    }
}



.ResimGaleriKutu {
    float: left;
    max-width: 200px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    line-height: 30px;
    border: 1px solid #CCC;
    list-style-image: url(~/images/ok.png);
    list-style-position: outside;
    text-align: left;
    padding-left: 10px;
    text-decoration: none;
}

    .ResimGaleriKutu:hover {
        background-color: #eee;
    }

.ResimGaleriResimler {
    padding: 4px;
    border: 1px solid #35AAD4;
    margin-top: 5px;
    border-radius: 4px;
    margin-right: 3px;
}

.VideoGalerisi {
    float: left;
}

.VideoResimler {
    padding: 4px;
    border: 1px solid #35AAD4;
    margin-top: 5px;
    border-radius: 4px;
    margin-right: 6px;
}




.HomeBox {
    max-width: 1200px;
    margin: 50px auto
}


.HomeBoxText {
    font-size: 12px;
    line-height: 25px;
    color: #333
}




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

    .HomeBox1 {
        float: left;
 
    }

    .HomeBox2 {
        float: left;
        
    }
}

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


    .mobile {
        display: block;
    }

    .desktop {
        display: none !important;
    }
}


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


    .HomeBox1 {
        position: relative;
        margin: auto;
       
        cursor: pointer;
    }

    .HomeBox2 {
        position: relative;
        margin: auto;
       
        cursor: pointer;
    }

    .tasarimAlanKucult {
        width: 70%;
    }
}

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


    .HomeBox1 {
        position: relative;
        float: left;
       
        cursor: pointer;
    }

    .HomeBox2 {
        position: relative;
        float: left;
       
    }

    .mobile {
        display: none !important;
    }

    .desktop {
        display: block;
    }
}