@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'bold';
    src: url('../fonts/bukra_bold/bukra_bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bukra_bold/bukra_bold.woff') format('woff'),
    url('../fonts/bukra_bold/bukra_bold.ttf')  format('truetype'),
    url('../fonts/bukra_bold/bukra_bold.svg#29LTBukra-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'regular';
    src: url('../fonts/bukra_regular/bukra_regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/bukra_regular/bukra_regular.woff') format('woff'),
    url('../fonts/bukra_regular/bukra_regular.ttf')  format('truetype'),
    url('../fonts/bukra_regular/bukra_regular.svg#29LTBukra-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* body */
body{margin:50px 0 100px 0; background-color:#f3f3f3; font:13px 'regular', Arial, Helvetica, sans-serif; line-height:23px;}

/* Animaiton */
:hover{transition:ease-in 0.2s; -moz-transition:ease-in 0.2s; -o-transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s;}

/* float */
.left{float:left}
.right{float:right}

/* alignment */
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-justify{text-align:justify;}
.center-item{
    text-align:center;
}

/* Elements */
strong{font:14px 'bold', Arial, Helvetica, sans-serif; font-weight:500;}
a:link, a:visited, a:active{color:#0e1d3a; text-decoration:none;}
a:hover{color:#00834e; text-decoration:none;}

/* clear */
.clear{clear:both;}
.clear5x{clear:both; height:5px;}
.clear10x{clear:both; height:10px;}
.clear15x{clear:both; height:15px;}
.clear20x{clear:both; height:20px;}
.clear30x{clear:both; height:30px;}
.clear40x{clear:both; height:40px;}


/* Main */
.container{width:850px; margin:20px auto;}
hr{color:#ccc;}

label{font:13px 'regular', Arial, Helvetica, sans-serif; color:#000; width:230px; float:right; line-height:40px; margin-right:12%; text-align:right;}

input, textarea{font:13px 'regular', Arial, Helvetica, sans-serif;  padding:10px 20px; border:solid 2px #d2d2d2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; width:250px; float:right;}

input:focus{outline:0; border:solid 2px #011e43; direction:rtl;}

button{font:13px 'bold', Arial, Helvetica, sans-serif; color:#fff; background:#0e1d3a; border:none; padding:11px 25px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; float:right;}

button:hover{background:#999; color:#000;}

textarea{margin:0 0 20px 0; float:none; width:550px; direction:rtl;}

.message{background:#dff0d8; border:solid 1px #d6e9c6; padding:20px 40px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; text-align:center;}
.message h1, .message p{color:#3f7641;}

.comment_con, .comment_con_r{width:100%; margin:0 0 20px 0;}
.comment, .comment_r{width:50%; background:#fff; padding:10px 15px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; border:solid 1px #ccc; direction:rtl;}

.comment a:link, .comment_r a:link{color:#4284f3;}
.comment a:hover, .comment_r a:hover{color:#011e43;}

.comment_r, .comment_con_r p{float:right; clear:both;}

.submit_con{width:75%; margin:0 auto; text-align:center;}
.submit_con input{width:300px; direction:ltr;}
.submit_con input, .submit_con button{float:none;}

.pre_but span{padding:8px 12px; margin: 5px; border:solid 1px #dadce0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; font-weight:bold; cursor:pointer; display:block; float:right}
.pre_but span:hover{background:#fff;}

/*iPod, Tablet Devices*/
@media all and (max-width: 999px) and (min-width: 480px) {}


/*Mobile Devices.*/
@media all and (max-width: 480px) and (min-width: 320px){

    .container{width:90%; margin:20px 5%;}
    label, input{width:85%; margin:0;}

    .submit_con input{width:60%; direction:ltr;}
    .hide_mob{display:none;}
    .clear20x{clear:both; height:12px;}

    .comment, .comment_r{width:90%;}
    .submit_con{width:100%; margin:0 auto; text-align:center;}
    textarea{margin:0 0 20px 0; width:85%;}

    .file{float:left; width:50% !important;}

}
.selected-item{
    border-color: #0a6aa1!important;border-width:2px!important;
}
.error-message{
    color:#ff0000;
}