﻿@charset "utf-8";
/* CSS Document */


@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);@import
url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

/**{font-family: 'Droid Arabic Naskh', serif  }*/

	/*
	transition: all 0s ease 0s;
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
	*/



@font-face {
  font-family: "DIN Next LT Arabic";
  src: url('../fonts/571014405-DINNextLTArabic-Light.eot');
  src: url('../fonts/571014405-DINNextLTArabic-Light.eot?#iefix') format('embedded-opentype'),
  url('../fonts/571014405-DINNextLTArabic-Light.svg#DIN Next LT Arabic') format('svg'),
  url('../fonts/571014405-DINNextLTArabic-Light.woff') format('woff'),
  url('../fonts/571014405-DINNextLTArabic-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



@font-face {
	font-family: 'DINNextLTW23-Bold';
	src: url('../fonts/DINNextLTW23-Bold.eot');
	src: url('../fonts/DINNextLTW23-Bold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/DINNextLTW23-Bold.woff') format('woff'),
			 url('../fonts/DINNextLTW23-Bold.ttf') format('truetype'),
			 url('../fonts/DINNextLTW23-Bold.svg#DINNextLTW23-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}




@font-face {
font-family: 'Myriad Pro Bold';
    src: url('../fonts/MYRIADPRO-BOLD.eot');
    src: url('../fonts/MYRIADPRO-BOLD.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MYRIADPRO-BOLD.woff') format('woff'),
         url('../fonts/MYRIADPRO-BOLD.ttf') format('truetype');
}






body{ 
	  outline: 0;
	  background:#f7f7f7;
}

*{
  font-family: "DIN Next LT Arabic";
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
	  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	
	
}
	  
h1,h2,h3,h4,h5,h6{ 
	color:#3c495a ; 
  font-family: "DIN Next LT Arabic";
}
	
p{ color:#778598;
  font-family: "DIN Next LT Arabic";
}
	
ul{ color:#3c495a ; margin-bottom:0 }
	
a{ text-decoration:none ; color:#3c495a}

input,textarea{outline: 0;
  font-family: "DIN Next LT Arabic";

}


.inner_wide {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}


.header {
    background: #fbfbfb;
    height: 80px;
    line-height: 80px;
}


.header_in{}

.logo {
    display: inline-block;
	width:300px;
	max-width:100%;
	}

.logo h2 {
    color: #333132;
    margin-bottom: 0;
    font-size: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
	
	  -webkit-transition:all 0.4s ease;
  	  -moz-transition:all 0.4s ease;
	  -o-transition:all 0.4s ease;
   	  transition:all 0.4s ease;
}

.logo h2 span{ color:#425cbb}

.logo h2:hover{ color: #425cbb;
}
.logo h2:hover span{ color: #333132;
}

.nav {
    display: inline-block;
    vertical-align: top;
}

.list_nav {
    margin-bottom: 0;
    line-height: 80px;
    height: 80px;
}


.list_nav li {
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
    min-width: 120px;
}



.list_nav li a {
    color: #333;
    font-size: 20px;
    display: block;
    text-align: center;
    font-weight: bold;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}





/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #405396;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

ul.nav > li:hover .hvr-underline-from-left:before{    
  right: 0;
}


.middle_content{}

.content_block {
    padding: 40px 0 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.p_title {
    text-align: center;
    margin-bottom: 50px;
    color: #232323;
    font-size: 25px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}


.p_title span {
    font-family: 'Myriad Pro Bold';
    font-size: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.list_blogs {
    margin-bottom: 0;
}

.list_blogs li {
    display: inline-block;
    max-width: 48%;
    margin-right: 3.6%;
    margin-left: 0;
    margin-bottom: 30px;
    vertical-align: top;
    padding-left: 78px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}


.list_blogs li:nth-child(2n){ margin-right:0}

.list_blogs li h3 {
    font-size: 21px;
    margin-bottom: 4px;
    color: #252525;
    font-family: 'Myriad Pro Bold';
    max-height: 60px;
    overflow: hidden;
}


.list_blogs li h3 a{
    font-size: 19px;
	color:#252525;
    font-family: 'Myriad Pro Bold';
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    pointer-events: none;
}

.list_blogs li p {
    margin-bottom: 0;
    color: #8f8f8f;
    font-size: 16px;
    max-height: 305px;
    overflow: hidden;
}
.blog_1:before {
    content: "";
    background: url(../img/blog1.png) no-repeat left top;
    width: 74px;
    height: 76px;
}

.blog_2:before {
    content: "";
    background: url(../img/blog2.png) no-repeat left top;
    width: 74px;
    height: 76px;
}

.blog_3:before {
    content: "";
    background: url(../img/blog3.png) no-repeat left top;
    width: 74px;
    height: 76px;
}

.blog_4:before {
    content: "";
    background: url(../img/blog4.png) no-repeat left top;
    width: 74px;
    height: 76px;
}

.blog_5:before {
    content: "";
    background: url(../img/blog5.png) no-repeat left top;
    width: 74px;
    height: 76px;
}

.blog_6:before {
    content: "";
    background: url(../img/blog6.png) no-repeat left top;
    width: 74px;
    height: 76px;
}



/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  content: "";
  position: absolute;
  left: 0;
  top:5px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
}

.block_andriod {
    margin-top: 0;
    margin-bottom: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.list_androids {
    overflow: hidden;
    margin-bottom: 0;
    text-align: center;
}


.list_androids li {
    margin-left: 0;
    text-align: center;
    list-style-type: none;
    padding-top: 25px;
    display: inline-block;
    min-width: 240px;
}


.list_androids li a {
  padding-top: 55px;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  -o-transition:all 0.4s ease;
    transition: all 0.4s ease;
    cursor: default;
}

.list_androids li a span {
  font-size: 22px;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  -o-transition:all 0.4s ease;
  transition:all 0.4s ease;
}

.Android{}

.Android:before{ background: url(../img/android.png) no-repeat top center}
/*.Android:hover:before{ background: url(../img/android2.png) no-repeat top center}
.list_androids li a:hover span{ color:#94c248}
*/
.iPhone{}
.iPhone:before{ background: url(../img/apple2.png) no-repeat top center}
/*.iPhone:hover:before{ background: url(../img/apple2.png) no-repeat top center}
*/
.Windows{}
.Windows:before{ background: url(../img/windows.png) no-repeat top center}
/*.Windows:hover:before{ background: url(../img/windows.png) no-repeat top center}
*/
.BlackBerry{}
.BlackBerry:before{ background: url(../img/berry.png) no-repeat top center}
/*.BlackBerry:hover:before{ background: url(../img/berry2.png) no-repeat top center}
*/

.list_androids li a:before{    
	width: 100%;
    height: 100%;
}


.list_androids li .iPhone span{
    color: #94c248 !important;
}

.block_andriod h3{ 
	text-align:center;
    font-family: 'DINNextLTW23-Bold';
    font-size: 26px;
    color: #2d2d2d;
    margin-bottom: 10px;
}

.block_andriod h3 span{ 
	text-align:center;
    font-family: 'DINNextLTW23-Bold';
	color:#425cbb
}
.clients_forms {
    margin-bottom: 50px;
    overflow: hidden;
}
.clients {
    display: inline-block;
    vertical-align: top;
    max-width: 640px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}


.clients_forms h3 {
    color: #425cbb;
    font-size: 27px;
    font-weight: normal;
    margin-bottom: 15px;
	
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}



.clients_forms h3 span{color:#2d2d2d}

.list_clients {
    margin-bottom: 0;
}


.list_clients li {
    display: inline-block;
    list-style-type: none;
    margin: 15px 23px;
	
    -webkit-transition: all 250ms cubic-bezier(.02,.01,.47,1);
    -o-transition: all 250ms cubic-bezier(.02,.01,.47,1);
    transition: all 250ms cubic-bezier(.02,.01,.47,1);
}

.list_clients li:hover{    
}

.list_clients li a{}

.list_clients li a img {
    max-width: 70px;
}
.left_contact {
    max-width: 400px;
    display: inline-block;
    margin-left: 135px;
    width: 100%;
}


.list_so {
    float: right;
    padding: 5px 0;
}

.list_so li {
    float: left;
    list-style-type: none;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
}
.list_so li a{}

.sends {
    float: none;
    display: block;
    width: 100%;
    height: 40px;
    background: #403f3f;
    line-height: 35px;
    text-align: center;
    font-size: 21px;
    color: #fff;
    border: 2px solid #f8f8f8;
    border-radius: 5px;
    margin-bottom: 10px;
}


.side_input2 {
  margin-bottom: 20px;
  margin-left: 0;
  overflow: hidden;
  position: relative;
}

.big_input  {
  margin-bottom: 20px;
  margin-left: 0;
  overflow: hidden;
  position: relative;
}

.tam {
  font-size: 18px;
  margin-bottom: 20px;
  margin: 15px 0 10px;
  text-align: center;
}


.area_big2 {
  height: 120px;
}

.input_style {
    width: 100%;
    clear: both;
    border: 1px solid #f8f8f8;
    padding: 0;
    color: #f8f8f8;
    background: transparent;
    height: 36px;
    line-height: 28px;
    font-size: 16px;
	padding-left:10px
}

textarea{ resize:none}



input.input_style::-webkit-input-placeholder { 
    color: #f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style:-moz-input-placeholder { 
    color: #f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style::-ms-input-placeholder { 
    color: #f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
input.input_style::-o-input-placeholder { 
    color: #f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */



input.input_style:focus::-moz-input-placeholder{color:#fff;}
input.input_style:focus::-webkit-input-placeholder{color:#fff;}
input.input_style:focus::-ms-input-placeholder{color:#fff;}
input.input_style:focus::-o-input-placeholder{color:#fff;}





.area_big {
  width: 100%;
  clear: both;
  border: 1px solid #f8f8f8;
  padding: 0;
  color: #f8f8f8;
  background: transparent;
  height: 120px;
  font-size: 16px;
  padding-left:10px;
  padding-top:5px
}


textarea.area_big::-webkit-input-placeholder {
  	  color:#f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}

textarea.area_big::-webkit-input-placeholder { 
  	  color:#f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big::-moz-input-placeholder { 
  	  color:#f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big::-ms-input-placeholder { 
  	  color:#f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
textarea.area_big::-o-input-placeholder { 
  	  color:#f8f8f8;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */

.logo2 {
    display: inline-block;
    width: 24%;
    max-width: 100%;
    float: left;
}


.footer .logo h2 {
    color: #333;
    margin-bottom: 0;
    font-size: 19px;
    font-weight: bold;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    padding-left: 0;
}

.footer {
    padding-bottom: 10px;
    line-height: 35px;
}

.nav2 {
    float: right;
    width: 22%;
}


/*_________social_icon_________*/

#menu-wrap {
    line-height: 13px;
}


#menu-wrap .menu-item {
    width: 35px;
    height: 39px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

#menu-wrap .menu-item i {
    width:100%;
    padding: 5px 0px 5px 0px;
    border-radius: 3px;
    font-size: 21px;
}

#menu-wrap .menu-item i.fa-facebook {
	background:#3B5998;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-twitter {
	background:#44CCF6;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-youtube {
	background:#CE332D;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-linkedin {
	background:#0275B6;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-google-plus {
	background:#D13F2D;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-dribbble {
	background:#EA4C89;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-pinterest-square {
	background:#CB2027;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-stack-overflow {
	background:#FEA501;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-tumblr {
	background:#274152;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-instagram {
	background:#517FA3;
	color:#FFF;
}
#menu-wrap .menu-item i.fa-skype  {
    background: #34bef3;
    color: #FFF;
}
#menu-wrap .menu-item i.fa-vimeo-square {
	background:#86C9EF;
	color:#FFF;
}

#menu-wrap .menu-item i.fa-envelope {
    background: #D46659;
    color: #FFF;
}


	
#menu-wrap .menu-item span {
    height: 32px;
    font-size: 21px;
    position: absolute;
    top: 15px;
    left: 8px;
    text-align: center;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    display: block;
    color: #999999;
}


#menu-wrap .menu-item span:hover {
    top: -29px;
	font-size:21px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

span.active {
	top:100px !important;
	font-size:0px !important;
}

#menu-wrap .menu-item a {
	text-decoration:none;
}

#menu-wrap .menu-item .text {
	text-decoration: none;
    font-size: 21px;
    padding: 0px 0px 0px 0px;
    text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
    width: 100%;
    position: absolute;
    bottom: -37px;
	left:0;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#menu-wrap .menu-item:hover > .text {
	padding:0px 0px 17px 0px;
	bottom:-15px;
	font-size:21px;
    -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	text-align:center;
}

#menu-wrap .menu-item .icon {
    width: 0px;
    height: 32px;
    padding: 0;
    font-size: 21px;
    text-align: center;
}


.social_links{ direction:ltr}

/*_________social_icon_________*/


.footer_in {
    line-height: 40px;
    overflow: hidden;
}

.list_nav2 {
    margin-bottom: 0;
    line-height: 40px;
    height: 40px;
}
.list_nav2 li a > button{    
	line-height: 40px !important;
    height: 40px !important;
}
.list_nav2 li {
    vertical-align: top;
}
.copys_right {
    text-align: center;
    display: inline-block;
    width:52%;
}

.copys_right p {
    color: #828282;
    font-size: 12px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}


.scroll_hide{ overflow:hidden !important }

.list_social_pops {
    margin-bottom: 0;
    list-style-type: none;
}

.list_social_pops li {
    display: inline-block;
    margin: 5px;
}

.list_social_pops li span{ overflow:hidden}

.inner_socials {
    padding: 20px;
    text-align: center;
}

.inner_socials h3 {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor:default;
}

.list_social_pops li p {
    margin: 8px 0;
    color: #fff;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}







.area_big23 {
  width: 100%;
  clear: both;
  padding: 0;
  background: transparent;
  height: 120px;
  font-size: 16px;
  padding-left:10px;
  padding-top:5px;
  border: 1px solid #403f3f;
  color: #403f3f;
  
}




textarea.area_big23::-webkit-input-placeholder {
  	  color:#403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}

textarea.area_big23::-webkit-input-placeholder { 
  	  color:#403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big23::-moz-input-placeholder { 
  	  color:#403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
textarea.area_big23::-ms-input-placeholder { 
  	  color:#403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
textarea.area_big23::-o-input-placeholder { 
  	  color:#403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */


.input_style2 {
    border: 1px solid #403f3f;
    color: #403f3f;
}


input.input_style2::-webkit-input-placeholder { 
    color: #403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style2:-moz-input-placeholder { 
    color: #403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}
input.input_style2::-ms-input-placeholder { 
    color: #403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */
input.input_style2::-o-input-placeholder { 
    color: #403f3f;
	  -webkit-transition:all 1s ease;
  	  -moz-transition:all 1s ease;
	  -o-transition:all 1s ease;
   	  transition:all 1s ease;
}   /* IE10+ */



input.input_style2:focus::-moz-input-placeholder{color:#403f3f;}
input.input_style2:focus::-webkit-input-placeholder{color:#403f3f;}
input.input_style2:focus::-ms-input-placeholder{color:#403f3f;}
input.input_style2:focus::-o-input-placeholder{color:#403f3f;}


.i_copy{ text-align:center}

.i_copy p {
    color: #828282;
    font-size: 12px;
    margin-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    margin-top: -15px;
}



/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}



/* General link styles */

.link {
	outline: none;
	text-decoration: none;
	position: relative;
	display: inline-block;
	font-weight: bold;
}

/* Mallki */
.link--mallki {
	-webkit-transition: color 0.5s 0.25s;
	transition: color 0.5s 0.25s;
	overflow: hidden;
	font-weight: bold;
}

.list_blogs li:hover .link--mallki{
	-webkit-transition: none;
	transition: none;
	color: transparent;
	font-weight: bold;
}

.link--mallki::before {
	content: '';
	width: 100%;
    height: 3px;
    margin: -3px 0 0 0;
    background: #232323;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	font-weight: bold;
}

.list_blogs li:hover .link--mallki::before{
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	font-weight: bold;
}

.link--mallki span {
	position: absolute;
	height: 50%;
	width: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
    font-weight: bold;
    font-family: 'Myriad Pro Bold';
}

.link--mallki span::before {
	content: attr(data-letters);
	position: absolute;
	left: 0;
	width: 100%;
	color: #040b25;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	font-weight: bold;
}

.link--mallki span:nth-child(2) {
	top: 50%;
	font-weight: bold;
}

.link--mallki span:first-child::before {
	top: 0;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	font-weight: bold;
}

.link--mallki span:nth-child(2)::before {
	bottom: 0;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
	font-weight: bold;
}
.list_blogs li:hover .link--mallki span::before { 
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	transition-timing-function: cubic-bezier(0.2,1,0.3,1);
	font-weight: bold;
}

.list_blogs li h3 a *{ font-weight:bold}






/* Kumya */
.link--kumya {
    overflow: hidden;
    margin-bottom: 0;
    color: #8f8f8f;
    font-size: 14px;
    line-height: 23px;
	    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    pointer-events: none;

}


.list_blogs li:hover .link--kumya {
	color: #fff;
}

.link--kumya::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	background: rgb(110, 157, 228);
	-webkit-transform: translate3d(101%,0,0);
	transform: translate3d(101%,0,0);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.list_blogs li:hover .link--kumya::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.link--kumya span {
    display: block;
    position: relative;
    padding: 5px;
	  -webkit-transition:all 0.7s ease;
  	  -moz-transition:all 0.7s ease;
	  -o-transition:all 0.7s ease;
   	  transition:all 0.7s ease;
    color: #8f8f8f;
}
.list_blogs li:hover .link--kumya span {
	color: #fff;
}

/*.link--kumya span::before {
	content: attr(data-letters);
	position: absolute;
	color: #fff;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	width: 0%;
	-webkit-transition: width 0.5s;
	transition: width 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
*/
.list_blogs li:hover .link--kumya span::before {
	width: 100%;
}




.form_edit p {
    color: #f8f8f8;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    margin-bottom: 0;
    padding: 7px 0 0;
}




.footer .logo h2:hover{ color: #425cbb;
}
.footer .logo h2:hover span{ color: #333;
}





